Theme 037A

Category

Tag

All Colors

サイズ設定

/temp/unittest/parts/001_frameWithHCaptionNumIcon-3_acrePartsMain1_f14.md
  • f14

ブロック名称:サイズ設定

[f14:サイズ設定(機能仕様)]

デザイン・機能仕様:

個別仕様


見出しのみ
小さい、中、大きいの3段階
見出しのサイズ設定機能 https://goo.gl/GT6pj9

テストケース:

  • (個別仕様がある場合)個別仕様通りに実装されていること 
  • 指定した通りの大きさで表示されていること (PCのみ)
  • サイズ設定が反映されていないこと (SPのみ)
小さい
バリエーション1
お客さまにお伝えしたい

当社の3つの特徴

characteristic

当社の3つの特徴について詳しくご紹介いたします。

○年以上の実績

豊富な経験と高い技術力

Results

画像の説明を入力してください(フォントが小さく設定された文章です)

当社には○年以上の豊富な経験と高い技術力がございます。これらを生かし、単なる○○だけでなく、あらゆるニーズにお応えいたします。

詳しくはこちらをクリック
地元の特性を把握

地域密着型

Community-based

画像の説明を入力してください(フォントが小さく設定された文章です)

地元で○年間、地域に密着して事業を行なってまいりました。周辺環境や地域の特性など、地元だからこそ把握していることを生かし、きめ細かいサービスを提供いたしております。

詳しくはこちらをクリック
お客さまとの対話を重視

時間をかけたカウンセリング

Counseling

画像の説明を入力してください(フォントが小さく設定された文章です)

お客さまごとにきちんとお時間をとり、丁寧なご説明を心がけております。お客さまにご納得いただけないままお手続きを進めるようなことは一切ございません。安心してご相談ください。

詳しくはこちらをクリック
平日お忙しい方のために

土日祝日もご相談を受付

Open on holidays

画像の説明を入力してください(フォントが小さく設定された文章です)

土日祝日もご相談を受け付けております。平日は仕事でいつも帰りが遅い方や、昼間は家事や育児で忙しい方など、ぜひご利用ください。

詳しくはこちらをクリック
明朗会計で安心

パッケージプラン

Package

画像の説明を入力してください(フォントが小さく設定された文章です)

当社では、各業務、各種サービスの料金を明確に定め、明朗会計のパッケージプランをご用意しております。「何にいくらかかるのかわからない」といったご心配は不要です。

詳しくはこちらをクリック
長くお付き合いしていきたいから

充実のフォロー体制

After-sales Service

画像の説明を入力してください(フォントが小さく設定された文章です)

当社では、単なる事務手続きだけでなく、充実のフォロー体制でお客さまをバックアップいたします。けっして○○して終わり、というわけではありませんので、安心してご相談ください。

詳しくはこちらをクリック
○年以上の実績

豊富な経験と高い技術力

Results

画像の説明を入力してください(フォントが小さく設定された文章です)

当社には○年以上の豊富な経験と高い技術力がございます。これらを生かし、単なる○○だけでなく、あらゆるニーズにお応えいたします。

詳しくはこちらをクリック
○年以上の実績

豊富な経験と高い技術力

Results

画像の説明を入力してください(フォントが小さく設定された文章です)

当社には○年以上の豊富な経験と高い技術力がございます。これらを生かし、単なる○○だけでなく、あらゆるニーズにお応えいたします。

詳しくはこちらをクリック
○年以上の実績

豊富な経験と高い技術力

Results

画像の説明を入力してください(フォントが小さく設定された文章です)

当社には○年以上の豊富な経験と高い技術力がございます。これらを生かし、単なる○○だけでなく、あらゆるニーズにお応えいたします。

詳しくはこちらをクリック
○年以上の実績

豊富な経験と高い技術力

Results

画像の説明を入力してください(フォントが小さく設定された文章です)

当社には○年以上の豊富な経験と高い技術力がございます。これらを生かし、単なる○○だけでなく、あらゆるニーズにお応えいたします。

詳しくはこちらをクリック
<div>
    <div class="b-bPlacer-12s">
        <div class="outerHtml" data-cms-path="data.contents.55"></div>
        <div class="t0-b-frameWithHCaptionNumIcon">
            <span><span><span></span></span></span>
            <div data-switchable-key="contents.1.switchable" class="t0-b-frameWithHCaptionNumIcon__hd t0-b-frameWithHCaptionNumIcon__hd--align-">
                <span><span><span></span></span></span>
                <div class="t0-b-frameWithHCaptionNumIcon__hd-caption-upper" data-cms-path="data.contents.0">お客さまにお伝えしたい</div>
                <div class="t0-b-frameWithHCaptionNumIcon__hd-h">
                    <h3 data-cms-path="data.contents.1">当社の3つの特徴</h3>
                </div>
                <div class="t0-b-frameWithHCaptionNumIcon__hd-caption-lower" data-cms-path="data.contents.2">characteristic</div>
            </div>
            <div class="t0-b-frameWithHCaptionNumIcon__bd">
                <span><span><span></span></span></span>
                <div class="b-bPlacer-7s">
                    <div class="t0-b-wysiwyg">
                        <p data-cms-path="data.contents.3">当社の3つの特徴について詳しくご紹介いたします。</p>
                    </div>
                </div>
                <div class="t0-b-twoColsMedia t0-b-twoColsMedia--colW-m ex-spLayout__horizon">
                    <div class="t0-b-frameWithHCaptionNumIcon__numIcon--align t0-b-frameWithHCaptionNumIcon__numIcon--align-">
                        <div class="t0-b-frameWithHCaptionNumIcon__numIcon">
                            <div class="t0-b-frameWithHCaptionNumIcon__iconPlacer">
                                <span class="t0-b-frameWithHCaptionNumIcon__icon t0-b-frameWithHCaptionNumIcon__icon--tokucho-1"></span>
                            </div>
                            <div class="t0-b-frameWithHCaptionNumIcon__numIcon-bd">
                                <div class="t0-b-frameWithHCaptionNumIcon__numIcon-caption-upper" data-cms-path="data.contents.4">○年以上の実績</div>
                                <h4 class="t0-b-frameWithHCaptionNumIcon__numIcon-h" data-cms-path="data.contents.5">豊富な経験と高い技術力</h4>
                                <div class="t0-b-frameWithHCaptionNumIcon__numIcon-caption-lower" data-cms-path="data.contents.6">Results</div>
                            </div>
                        </div>
                    </div>
                    <div class="t0-b-frameWithHCaptionNumIcon__box t0-b-twoColsMedia--imgR ex-imageFloat">
                        <span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row1col1 outerHtml" data-cms-path="data.contents.7">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                            <div class="t0-b-media__caption">
                                                                <p data-cms-path="data.contents.3">
                                                                    画像の説明を入力してください(フォントが小さく設定された文章です)
                                                                </p>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-twoColsMedia__row1col2">
                                <div class="outerHtml" data-cms-path="data.contents.8">
                                    <div class="ex-leftSpacingTweak-">
                                        <div class="b-bPlacer-7s">
                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                <p>当社には○年以上の豊富な経験と高い技術力がございます。これらを生かし、単なる○○だけでなく、あらゆるニーズにお応えいたします。</p>
                                            </div>
                                        </div>
                                    </div>
                                    <div>
                                        <div class="b-bPlacer-4s">
                                            <div class="t0-b-navItem t0-b-navItem--size-3 t0-b-navItem--width- t0-b-navItem--align-" data-height-part="">
                                                <div data-cms-path="data.contents.0">
                                                    <span></span>
                                                    <div data-cms-contenteditable="data.contents.0.text">詳しくはこちらをクリック</div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="t0-b-frameWithHCaptionNumIcon__numIcon--align t0-b-frameWithHCaptionNumIcon__numIcon--align-">
                        <div class="t0-b-frameWithHCaptionNumIcon__numIcon">
                            <div class="t0-b-frameWithHCaptionNumIcon__iconPlacer">
                                <span class="t0-b-frameWithHCaptionNumIcon__icon t0-b-frameWithHCaptionNumIcon__icon--tokucho-2"></span>
                            </div>
                            <div class="t0-b-frameWithHCaptionNumIcon__numIcon-bd">
                                <div class="t0-b-frameWithHCaptionNumIcon__numIcon-caption-upper" data-cms-path="data.contents.9">地元の特性を把握</div>
                                <h4 class="t0-b-frameWithHCaptionNumIcon__numIcon-h" data-cms-path="data.contents.10">地域密着型</h4>
                                <div class="t0-b-frameWithHCaptionNumIcon__numIcon-caption-lower" data-cms-path="data.contents.11">Community-based</div>
                            </div>
                        </div>
                    </div>
                    <div data-switchable-key="contents.13.switchable" class="t0-b-frameWithHCaptionNumIcon__box t0-b-twoColsMedia--imgR ex-imageFloat">
                        <span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row2col1 outerHtml" data-cms-path="data.contents.12">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                            <div class="t0-b-media__caption">
                                                                <p data-cms-path="data.contents.3">
                                                                    画像の説明を入力してください(フォントが小さく設定された文章です)
                                                                </p>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-twoColsMedia__row2col2">
                                <div class="outerHtml" data-cms-path="data.contents.13">
                                    <div class="ex-leftSpacingTweak-">
                                        <div class="b-bPlacer-7s">
                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                <p>地元で○年間、地域に密着して事業を行なってまいりました。周辺環境や地域の特性など、地元だからこそ把握していることを生かし、きめ細かいサービスを提供いたしております。</p>
                                            </div>
                                        </div>
                                    </div>
                                    <div>
                                        <div class="b-bPlacer-4s">
                                            <div class="t0-b-navItem t0-b-navItem--size-3 t0-b-navItem--width- t0-b-navItem--align-" data-height-part="">
                                                <div data-cms-path="data.contents.0">
                                                    <span></span>
                                                    <div data-cms-contenteditable="data.contents.0.text">詳しくはこちらをクリック</div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="t0-b-frameWithHCaptionNumIcon__numIcon--align t0-b-frameWithHCaptionNumIcon__numIcon--align-">
                        <div class="t0-b-frameWithHCaptionNumIcon__numIcon">
                            <div class="t0-b-frameWithHCaptionNumIcon__iconPlacer">
                                <span class="t0-b-frameWithHCaptionNumIcon__icon t0-b-frameWithHCaptionNumIcon__icon--tokucho-3"></span>
                            </div>
                            <div class="t0-b-frameWithHCaptionNumIcon__numIcon-bd">
                                <div class="t0-b-frameWithHCaptionNumIcon__numIcon-caption-upper" data-cms-path="data.contents.14">お客さまとの対話を重視</div>
                                <h4 class="t0-b-frameWithHCaptionNumIcon__numIcon-h" data-cms-path="data.contents.15">時間をかけたカウンセリング</h4>
                                <div class="t0-b-frameWithHCaptionNumIcon__numIcon-caption-lower" data-cms-path="data.contents.16">Counseling</div>
                            </div>
                        </div>
                    </div>
                    <div data-switchable-key="contents.18.switchable" class="t0-b-frameWithHCaptionNumIcon__box t0-b-twoColsMedia--imgR ex-imageFloat">
                        <span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row3col1 outerHtml" data-cms-path="data.contents.17">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                            <div class="t0-b-media__caption">
                                                                <p data-cms-path="data.contents.3">
                                                                    画像の説明を入力してください(フォントが小さく設定された文章です)
                                                                </p>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-twoColsMedia__row3col2">
                                <div class="outerHtml" data-cms-path="data.contents.18">
                                    <div class="ex-leftSpacingTweak-">
                                        <div class="b-bPlacer-7s">
                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                <p>お客さまごとにきちんとお時間をとり、丁寧なご説明を心がけております。お客さまにご納得いただけないままお手続きを進めるようなことは一切ございません。安心してご相談ください。</p>
                                            </div>
                                        </div>
                                    </div>
                                    <div>
                                        <div class="b-bPlacer-4s">
                                            <div class="t0-b-navItem t0-b-navItem--size-3 t0-b-navItem--width- t0-b-navItem--align-" data-height-part="">
                                                <div data-cms-path="data.contents.0">
                                                    <span></span>
                                                    <div data-cms-contenteditable="data.contents.0.text">詳しくはこちらをクリック</div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="t0-b-frameWithHCaptionNumIcon__numIcon--align t0-b-frameWithHCaptionNumIcon__numIcon--align-">
                        <div class="t0-b-frameWithHCaptionNumIcon__numIcon">
                            <div class="t0-b-frameWithHCaptionNumIcon__iconPlacer">
                                <span class="t0-b-frameWithHCaptionNumIcon__icon t0-b-frameWithHCaptionNumIcon__icon--tokucho-4"></span>
                            </div>
                            <div class="t0-b-frameWithHCaptionNumIcon__numIcon-bd">
                                <div class="t0-b-frameWithHCaptionNumIcon__numIcon-caption-upper" data-cms-path="data.contents.19">平日お忙しい方のために</div>
                                <h4 class="t0-b-frameWithHCaptionNumIcon__numIcon-h" data-cms-path="data.contents.20">土日祝日もご相談を受付</h4>
                                <div class="t0-b-frameWithHCaptionNumIcon__numIcon-caption-lower" data-cms-path="data.contents.21">Open on holidays</div>
                            </div>
                        </div>
                    </div>
                    <div data-switchable-key="contents.23.switchable" class="t0-b-frameWithHCaptionNumIcon__box t0-b-twoColsMedia--imgR ex-imageFloat">
                        <span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row4col1 outerHtml" data-cms-path="data.contents.22">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                            <div class="t0-b-media__caption">
                                                                <p data-cms-path="data.contents.3">
                                                                    画像の説明を入力してください(フォントが小さく設定された文章です)
                                                                </p>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-twoColsMedia__row4col2">
                                <div class="outerHtml" data-cms-path="data.contents.23">
                                    <div class="ex-leftSpacingTweak-">
                                        <div class="b-bPlacer-7s">
                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                <p>土日祝日もご相談を受け付けております。平日は仕事でいつも帰りが遅い方や、昼間は家事や育児で忙しい方など、ぜひご利用ください。</p>
                                            </div>
                                        </div>
                                    </div>
                                    <div>
                                        <div class="b-bPlacer-4s">
                                            <div class="t0-b-navItem t0-b-navItem--size-3 t0-b-navItem--width- t0-b-navItem--align-" data-height-part="">
                                                <div data-cms-path="data.contents.0">
                                                    <span></span>
                                                    <div data-cms-contenteditable="data.contents.0.text">詳しくはこちらをクリック</div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="t0-b-frameWithHCaptionNumIcon__numIcon--align t0-b-frameWithHCaptionNumIcon__numIcon--align-">
                        <div class="t0-b-frameWithHCaptionNumIcon__numIcon">
                            <div class="t0-b-frameWithHCaptionNumIcon__iconPlacer">
                                <span class="t0-b-frameWithHCaptionNumIcon__icon t0-b-frameWithHCaptionNumIcon__icon--tokucho-5"></span>
                            </div>
                            <div class="t0-b-frameWithHCaptionNumIcon__numIcon-bd">
                                <div class="t0-b-frameWithHCaptionNumIcon__numIcon-caption-upper" data-cms-path="data.contents.24">明朗会計で安心</div>
                                <h4 class="t0-b-frameWithHCaptionNumIcon__numIcon-h" data-cms-path="data.contents.25">パッケージプラン</h4>
                                <div class="t0-b-frameWithHCaptionNumIcon__numIcon-caption-lower" data-cms-path="data.contents.26">Package</div>
                            </div>
                        </div>
                    </div>
                    <div data-switchable-key="contents.28.switchable" class="t0-b-frameWithHCaptionNumIcon__box t0-b-twoColsMedia--imgR ex-imageFloat">
                        <span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row5col1 outerHtml" data-cms-path="data.contents.27">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                            <div class="t0-b-media__caption">
                                                                <p data-cms-path="data.contents.3">
                                                                    画像の説明を入力してください(フォントが小さく設定された文章です)
                                                                </p>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-twoColsMedia__row5col2">
                                <div class="outerHtml" data-cms-path="data.contents.28">
                                    <div class="ex-leftSpacingTweak-">
                                        <div class="b-bPlacer-7s">
                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                <p>当社では、各業務、各種サービスの料金を明確に定め、明朗会計のパッケージプランをご用意しております。「何にいくらかかるのかわからない」といったご心配は不要です。</p>
                                            </div>
                                        </div>
                                    </div>
                                    <div>
                                        <div class="b-bPlacer-4s">
                                            <div class="t0-b-navItem t0-b-navItem--size-3 t0-b-navItem--width- t0-b-navItem--align-" data-height-part="">
                                                <div data-cms-path="data.contents.0">
                                                    <span></span>
                                                    <div data-cms-contenteditable="data.contents.0.text">詳しくはこちらをクリック</div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="t0-b-frameWithHCaptionNumIcon__numIcon--align t0-b-frameWithHCaptionNumIcon__numIcon--align-">
                        <div class="t0-b-frameWithHCaptionNumIcon__numIcon">
                            <div class="t0-b-frameWithHCaptionNumIcon__iconPlacer">
                                <span class="t0-b-frameWithHCaptionNumIcon__icon t0-b-frameWithHCaptionNumIcon__icon--tokucho-6"></span>
                            </div>
                            <div class="t0-b-frameWithHCaptionNumIcon__numIcon-bd">
                                <div class="t0-b-frameWithHCaptionNumIcon__numIcon-caption-upper" data-cms-path="data.contents.29">長くお付き合いしていきたいから</div>
                                <h4 class="t0-b-frameWithHCaptionNumIcon__numIcon-h" data-cms-path="data.contents.30">充実のフォロー体制</h4>
                                <div class="t0-b-frameWithHCaptionNumIcon__numIcon-caption-lower" data-cms-path="data.contents.31">After-sales Service</div>
                            </div>
                        </div>
                    </div>
                    <div data-switchable-key="contents.33.switchable" class="t0-b-frameWithHCaptionNumIcon__box t0-b-twoColsMedia--imgR ex-imageFloat">
                        <span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row6col1 outerHtml" data-cms-path="data.contents.32">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                            <div class="t0-b-media__caption">
                                                                <p data-cms-path="data.contents.3">
                                                                    画像の説明を入力してください(フォントが小さく設定された文章です)
                                                                </p>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-twoColsMedia__row6col2">
                                <div class="outerHtml" data-cms-path="data.contents.33">
                                    <div class="ex-leftSpacingTweak-">
                                        <div class="b-bPlacer-7s">
                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                <p>当社では、単なる事務手続きだけでなく、充実のフォロー体制でお客さまをバックアップいたします。けっして○○して終わり、というわけではありませんので、安心してご相談ください。</p>
                                            </div>
                                        </div>
                                    </div>
                                    <div>
                                        <div class="b-bPlacer-4s">
                                            <div class="t0-b-navItem t0-b-navItem--size-3 t0-b-navItem--width- t0-b-navItem--align-" data-height-part="">
                                                <div data-cms-path="data.contents.0">
                                                    <span></span>
                                                    <div data-cms-contenteditable="data.contents.0.text">詳しくはこちらをクリック</div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="t0-b-frameWithHCaptionNumIcon__numIcon--align t0-b-frameWithHCaptionNumIcon__numIcon--align-">
                        <div class="t0-b-frameWithHCaptionNumIcon__numIcon">
                            <div class="t0-b-frameWithHCaptionNumIcon__iconPlacer">
                                <span class="t0-b-frameWithHCaptionNumIcon__icon t0-b-frameWithHCaptionNumIcon__icon--tokucho-7"></span>
                            </div>
                            <div class="t0-b-frameWithHCaptionNumIcon__numIcon-bd">
                                <div class="t0-b-frameWithHCaptionNumIcon__numIcon-caption-upper" data-cms-path="data.contents.34">○年以上の実績</div>
                                <h4 class="t0-b-frameWithHCaptionNumIcon__numIcon-h" data-cms-path="data.contents.35">豊富な経験と高い技術力</h4>
                                <div class="t0-b-frameWithHCaptionNumIcon__numIcon-caption-lower" data-cms-path="data.contents.36">Results</div>
                            </div>
                        </div>
                    </div>
                    <div data-switchable-key="contents.38.switchable" class="t0-b-frameWithHCaptionNumIcon__box t0-b-twoColsMedia--imgR ex-imageFloat">
                        <span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row7col1 outerHtml" data-cms-path="data.contents.37">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                            <div class="t0-b-media__caption">
                                                                <p data-cms-path="data.contents.3">
                                                                    画像の説明を入力してください(フォントが小さく設定された文章です)
                                                                </p>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-twoColsMedia__row7col2">
                                <div class="outerHtml" data-cms-path="data.contents.38">
                                    <div class="ex-leftSpacingTweak-">
                                        <div class="b-bPlacer-7s">
                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                <p>当社には○年以上の豊富な経験と高い技術力がございます。これらを生かし、単なる○○だけでなく、あらゆるニーズにお応えいたします。</p>
                                            </div>
                                        </div>
                                    </div>
                                    <div>
                                        <div class="b-bPlacer-4s">
                                            <div class="t0-b-navItem t0-b-navItem--size-3 t0-b-navItem--width- t0-b-navItem--align-" data-height-part="">
                                                <div data-cms-path="data.contents.0">
                                                    <span></span>
                                                    <div data-cms-contenteditable="data.contents.0.text">詳しくはこちらをクリック</div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="t0-b-frameWithHCaptionNumIcon__numIcon--align t0-b-frameWithHCaptionNumIcon__numIcon--align-">
                        <div class="t0-b-frameWithHCaptionNumIcon__numIcon">
                            <div class="t0-b-frameWithHCaptionNumIcon__iconPlacer">
                                <span class="t0-b-frameWithHCaptionNumIcon__icon t0-b-frameWithHCaptionNumIcon__icon--tokucho-8"></span>
                            </div>
                            <div class="t0-b-frameWithHCaptionNumIcon__numIcon-bd">
                                <div class="t0-b-frameWithHCaptionNumIcon__numIcon-caption-upper" data-cms-path="data.contents.39">○年以上の実績</div>
                                <h4 class="t0-b-frameWithHCaptionNumIcon__numIcon-h" data-cms-path="data.contents.40">豊富な経験と高い技術力</h4>
                                <div class="t0-b-frameWithHCaptionNumIcon__numIcon-caption-lower" data-cms-path="data.contents.41">Results</div>
                            </div>
                        </div>
                    </div>
                    <div data-switchable-key="contents.43.switchable" class="t0-b-frameWithHCaptionNumIcon__box t0-b-twoColsMedia--imgR ex-imageFloat">
                        <span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row8col1 outerHtml" data-cms-path="data.contents.42">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                            <div class="t0-b-media__caption">
                                                                <p data-cms-path="data.contents.3">
                                                                    画像の説明を入力してください(フォントが小さく設定された文章です)
                                                                </p>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-twoColsMedia__row8col2">
                                <div class="outerHtml" data-cms-path="data.contents.43">
                                    <div class="ex-leftSpacingTweak-">
                                        <div class="b-bPlacer-7s">
                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                <p>当社には○年以上の豊富な経験と高い技術力がございます。これらを生かし、単なる○○だけでなく、あらゆるニーズにお応えいたします。</p>
                                            </div>
                                        </div>
                                    </div>
                                    <div>
                                        <div class="b-bPlacer-4s">
                                            <div class="t0-b-navItem t0-b-navItem--size-3 t0-b-navItem--width- t0-b-navItem--align-" data-height-part="">
                                                <div data-cms-path="data.contents.0">
                                                    <span></span>
                                                    <div data-cms-contenteditable="data.contents.0.text">詳しくはこちらをクリック</div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="t0-b-frameWithHCaptionNumIcon__numIcon--align t0-b-frameWithHCaptionNumIcon__numIcon--align-">
                        <div class="t0-b-frameWithHCaptionNumIcon__numIcon">
                            <div class="t0-b-frameWithHCaptionNumIcon__iconPlacer">
                                <span class="t0-b-frameWithHCaptionNumIcon__icon t0-b-frameWithHCaptionNumIcon__icon--tokucho-9"></span>
                            </div>
                            <div class="t0-b-frameWithHCaptionNumIcon__numIcon-bd">
                                <div class="t0-b-frameWithHCaptionNumIcon__numIcon-caption-upper" data-cms-path="data.contents.44">○年以上の実績</div>
                                <h4 class="t0-b-frameWithHCaptionNumIcon__numIcon-h" data-cms-path="data.contents.45">豊富な経験と高い技術力</h4>
                                <div class="t0-b-frameWithHCaptionNumIcon__numIcon-caption-lower" data-cms-path="data.contents.46">Results</div>
                            </div>
                        </div>
                    </div>
                    <div data-switchable-key="contents.48.switchable" class="t0-b-frameWithHCaptionNumIcon__box t0-b-twoColsMedia--imgR ex-imageFloat">
                        <span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row9col1 outerHtml" data-cms-path="data.contents.47">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                            <div class="t0-b-media__caption">
                                                                <p data-cms-path="data.contents.3">
                                                                    画像の説明を入力してください(フォントが小さく設定された文章です)
                                                                </p>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-twoColsMedia__row9col2">
                                <div class="outerHtml" data-cms-path="data.contents.48">
                                    <div class="ex-leftSpacingTweak-">
                                        <div class="b-bPlacer-7s">
                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                <p>当社には○年以上の豊富な経験と高い技術力がございます。これらを生かし、単なる○○だけでなく、あらゆるニーズにお応えいたします。</p>
                                            </div>
                                        </div>
                                    </div>
                                    <div>
                                        <div class="b-bPlacer-4s">
                                            <div class="t0-b-navItem t0-b-navItem--size-3 t0-b-navItem--width- t0-b-navItem--align-" data-height-part="">
                                                <div data-cms-path="data.contents.0">
                                                    <span></span>
                                                    <div data-cms-contenteditable="data.contents.0.text">詳しくはこちらをクリック</div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="t0-b-frameWithHCaptionNumIcon__numIcon--align t0-b-frameWithHCaptionNumIcon__numIcon--align-">
                        <div class="t0-b-frameWithHCaptionNumIcon__numIcon">
                            <div class="t0-b-frameWithHCaptionNumIcon__iconPlacer">
                                <span class="t0-b-frameWithHCaptionNumIcon__icon t0-b-frameWithHCaptionNumIcon__icon--tokucho-10"></span>
                            </div>
                            <div class="t0-b-frameWithHCaptionNumIcon__numIcon-bd">
                                <div class="t0-b-frameWithHCaptionNumIcon__numIcon-caption-upper" data-cms-path="data.contents.49">○年以上の実績</div>
                                <h4 class="t0-b-frameWithHCaptionNumIcon__numIcon-h" data-cms-path="data.contents.50">豊富な経験と高い技術力</h4>
                                <div class="t0-b-frameWithHCaptionNumIcon__numIcon-caption-lower" data-cms-path="data.contents.51">Results</div>
                            </div>
                        </div>
                    </div>
                    <div data-switchable-key="contents.53.switchable" class="t0-b-frameWithHCaptionNumIcon__box t0-b-twoColsMedia--imgR ex-imageFloat">
                        <span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row10col1 outerHtml" data-cms-path="data.contents.52">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                            <div class="t0-b-media__caption">
                                                                <p data-cms-path="data.contents.3">
                                                                    画像の説明を入力してください(フォントが小さく設定された文章です)
                                                                </p>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-twoColsMedia__row10col2">
                                <div class="outerHtml" data-cms-path="data.contents.53">
                                    <div class="ex-leftSpacingTweak-">
                                        <div class="b-bPlacer-7s">
                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                <p>当社には○年以上の豊富な経験と高い技術力がございます。これらを生かし、単なる○○だけでなく、あらゆるニーズにお応えいたします。</p>
                                            </div>
                                        </div>
                                    </div>
                                    <div>
                                        <div class="b-bPlacer-4s">
                                            <div class="t0-b-navItem t0-b-navItem--size-3 t0-b-navItem--width- t0-b-navItem--align-" data-height-part="">
                                                <div data-cms-path="data.contents.0">
                                                    <span></span>
                                                    <div data-cms-contenteditable="data.contents.0.text">詳しくはこちらをクリック</div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="outerHtml" data-cms-path="data.contents.54"></div>
    </div>
</div>
小さい
バリエーション2
お客さまにお伝えしたい

当社の3つの特徴

characteristic

当社の3つの特徴について詳しくご紹介いたします。

○年以上の実績

豊富な経験と高い技術力

Results

画像の説明を入力してください(フォントが小さく設定された文章です)

当社には○年以上の豊富な経験と高い技術力がございます。これらを生かし、単なる○○だけでなく、あらゆるニーズにお応えいたします。

詳しくはこちらをクリック
地元の特性を把握

地域密着型

Community-based

画像の説明を入力してください(フォントが小さく設定された文章です)

地元で○年間、地域に密着して事業を行なってまいりました。周辺環境や地域の特性など、地元だからこそ把握していることを生かし、きめ細かいサービスを提供いたしております。

詳しくはこちらをクリック
お客さまとの対話を重視

時間をかけたカウンセリング

Counseling

画像の説明を入力してください(フォントが小さく設定された文章です)

お客さまごとにきちんとお時間をとり、丁寧なご説明を心がけております。お客さまにご納得いただけないままお手続きを進めるようなことは一切ございません。安心してご相談ください。

詳しくはこちらをクリック
平日お忙しい方のために

土日祝日もご相談を受付

Open on holidays

画像の説明を入力してください(フォントが小さく設定された文章です)

土日祝日もご相談を受け付けております。平日は仕事でいつも帰りが遅い方や、昼間は家事や育児で忙しい方など、ぜひご利用ください。

詳しくはこちらをクリック
明朗会計で安心

パッケージプラン

Package

画像の説明を入力してください(フォントが小さく設定された文章です)

当社では、各業務、各種サービスの料金を明確に定め、明朗会計のパッケージプランをご用意しております。「何にいくらかかるのかわからない」といったご心配は不要です。

詳しくはこちらをクリック
長くお付き合いしていきたいから

充実のフォロー体制

After-sales Service

画像の説明を入力してください(フォントが小さく設定された文章です)

当社では、単なる事務手続きだけでなく、充実のフォロー体制でお客さまをバックアップいたします。けっして○○して終わり、というわけではありませんので、安心してご相談ください。

詳しくはこちらをクリック
○年以上の実績

豊富な経験と高い技術力

Results

画像の説明を入力してください(フォントが小さく設定された文章です)

当社には○年以上の豊富な経験と高い技術力がございます。これらを生かし、単なる○○だけでなく、あらゆるニーズにお応えいたします。

詳しくはこちらをクリック
○年以上の実績

豊富な経験と高い技術力

Results

画像の説明を入力してください(フォントが小さく設定された文章です)

当社には○年以上の豊富な経験と高い技術力がございます。これらを生かし、単なる○○だけでなく、あらゆるニーズにお応えいたします。

詳しくはこちらをクリック
○年以上の実績

豊富な経験と高い技術力

Results

画像の説明を入力してください(フォントが小さく設定された文章です)

当社には○年以上の豊富な経験と高い技術力がございます。これらを生かし、単なる○○だけでなく、あらゆるニーズにお応えいたします。

詳しくはこちらをクリック
○年以上の実績

豊富な経験と高い技術力

Results

画像の説明を入力してください(フォントが小さく設定された文章です)

当社には○年以上の豊富な経験と高い技術力がございます。これらを生かし、単なる○○だけでなく、あらゆるニーズにお応えいたします。

詳しくはこちらをクリック
<div>
    <div class="b-bPlacer-12s">
        <div class="outerHtml" data-cms-path="data.contents.55"></div>
        <div class="t0-b-frameWithHCaptionNumIcon2">
            <span><span><span></span></span></span>
            <div data-switchable-key="contents.1.switchable" class="t0-b-frameWithHCaptionNumIcon2__hd t0-b-frameWithHCaptionNumIcon2__hd--align-">
                <span><span><span></span></span></span>
                <div class="t0-b-frameWithHCaptionNumIcon2__hd-caption-upper" data-cms-path="data.contents.0">お客さまにお伝えしたい</div>
                <div class="t0-b-frameWithHCaptionNumIcon2__hd-h">
                    <h3 data-cms-path="data.contents.1">当社の3つの特徴</h3>
                </div>
                <div class="t0-b-frameWithHCaptionNumIcon2__hd-caption-lower" data-cms-path="data.contents.2">characteristic</div>
            </div>
            <div class="t0-b-frameWithHCaptionNumIcon2__bd">
                <span><span><span></span></span></span>
                <div class="b-bPlacer-7s">
                    <div class="t0-b-wysiwyg">
                        <p data-cms-path="data.contents.3">当社の3つの特徴について詳しくご紹介いたします。</p>
                    </div>
                </div>
                <div class="t0-b-twoColsMedia t0-b-twoColsMedia--colW-m ex-spLayout__horizon">
                    <div class="t0-b-frameWithHCaptionNumIcon2__numIcon--align t0-b-frameWithHCaptionNumIcon2__numIcon--align-">
                        <div class="t0-b-frameWithHCaptionNumIcon2__numIcon">
                            <div class="t0-b-frameWithHCaptionNumIcon2__iconPlacer">
                                <span class="t0-b-frameWithHCaptionNumIcon2__icon t0-b-frameWithHCaptionNumIcon2__icon--tokucho-1"></span>
                            </div>
                            <div class="t0-b-frameWithHCaptionNumIcon2__numIcon-bd">
                                <div class="t0-b-frameWithHCaptionNumIcon2__numIcon-caption-upper" data-cms-path="data.contents.4">○年以上の実績</div>
                                <h4 class="t0-b-frameWithHCaptionNumIcon2__numIcon-h" data-cms-path="data.contents.5">豊富な経験と高い技術力</h4>
                                <div class="t0-b-frameWithHCaptionNumIcon2__numIcon-caption-lower" data-cms-path="data.contents.6">Results</div>
                            </div>
                        </div>
                    </div>
                    <div class="t0-b-frameWithHCaptionNumIcon2__box t0-b-twoColsMedia--imgR ex-imageFloat">
                        <span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row1col1 outerHtml" data-cms-path="data.contents.7">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                            <div class="t0-b-media__caption">
                                                                <p data-cms-path="data.contents.3">
                                                                    画像の説明を入力してください(フォントが小さく設定された文章です)
                                                                </p>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-twoColsMedia__row1col2">
                                <div class="outerHtml" data-cms-path="data.contents.8">
                                    <div class="ex-leftSpacingTweak-">
                                        <div class="b-bPlacer-7s">
                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                <p>当社には○年以上の豊富な経験と高い技術力がございます。これらを生かし、単なる○○だけでなく、あらゆるニーズにお応えいたします。</p>
                                            </div>
                                        </div>
                                    </div>
                                    <div>
                                        <div class="b-bPlacer-4s">
                                            <div class="t0-b-navItem t0-b-navItem--size-3 t0-b-navItem--width- t0-b-navItem--align-" data-height-part="">
                                                <div data-cms-path="data.contents.0">
                                                    <span></span>
                                                    <div data-cms-contenteditable="data.contents.0.text">詳しくはこちらをクリック</div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="t0-b-frameWithHCaptionNumIcon2__numIcon--align t0-b-frameWithHCaptionNumIcon2__numIcon--align-">
                        <div class="t0-b-frameWithHCaptionNumIcon2__numIcon">
                            <div class="t0-b-frameWithHCaptionNumIcon2__iconPlacer">
                                <span class="t0-b-frameWithHCaptionNumIcon2__icon t0-b-frameWithHCaptionNumIcon2__icon--tokucho-2"></span>
                            </div>
                            <div class="t0-b-frameWithHCaptionNumIcon2__numIcon-bd">
                                <div class="t0-b-frameWithHCaptionNumIcon2__numIcon-caption-upper" data-cms-path="data.contents.9">地元の特性を把握</div>
                                <h4 class="t0-b-frameWithHCaptionNumIcon2__numIcon-h" data-cms-path="data.contents.10">地域密着型</h4>
                                <div class="t0-b-frameWithHCaptionNumIcon2__numIcon-caption-lower" data-cms-path="data.contents.11">Community-based</div>
                            </div>
                        </div>
                    </div>
                    <div data-switchable-key="contents.13.switchable" class="t0-b-frameWithHCaptionNumIcon2__box t0-b-twoColsMedia--imgR ex-imageFloat">
                        <span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row2col1 outerHtml" data-cms-path="data.contents.12">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                            <div class="t0-b-media__caption">
                                                                <p data-cms-path="data.contents.3">
                                                                    画像の説明を入力してください(フォントが小さく設定された文章です)
                                                                </p>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-twoColsMedia__row2col2">
                                <div class="outerHtml" data-cms-path="data.contents.13">
                                    <div class="ex-leftSpacingTweak-">
                                        <div class="b-bPlacer-7s">
                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                <p>地元で○年間、地域に密着して事業を行なってまいりました。周辺環境や地域の特性など、地元だからこそ把握していることを生かし、きめ細かいサービスを提供いたしております。</p>
                                            </div>
                                        </div>
                                    </div>
                                    <div>
                                        <div class="b-bPlacer-4s">
                                            <div class="t0-b-navItem t0-b-navItem--size-3 t0-b-navItem--width- t0-b-navItem--align-" data-height-part="">
                                                <div data-cms-path="data.contents.0">
                                                    <span></span>
                                                    <div data-cms-contenteditable="data.contents.0.text">詳しくはこちらをクリック</div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="t0-b-frameWithHCaptionNumIcon2__numIcon--align t0-b-frameWithHCaptionNumIcon2__numIcon--align-">
                        <div class="t0-b-frameWithHCaptionNumIcon2__numIcon">
                            <div class="t0-b-frameWithHCaptionNumIcon2__iconPlacer">
                                <span class="t0-b-frameWithHCaptionNumIcon2__icon t0-b-frameWithHCaptionNumIcon2__icon--tokucho-3"></span>
                            </div>
                            <div class="t0-b-frameWithHCaptionNumIcon2__numIcon-bd">
                                <div class="t0-b-frameWithHCaptionNumIcon2__numIcon-caption-upper" data-cms-path="data.contents.14">お客さまとの対話を重視</div>
                                <h4 class="t0-b-frameWithHCaptionNumIcon2__numIcon-h" data-cms-path="data.contents.15">時間をかけたカウンセリング</h4>
                                <div class="t0-b-frameWithHCaptionNumIcon2__numIcon-caption-lower" data-cms-path="data.contents.16">Counseling</div>
                            </div>
                        </div>
                    </div>
                    <div data-switchable-key="contents.18.switchable" class="t0-b-frameWithHCaptionNumIcon2__box t0-b-twoColsMedia--imgR ex-imageFloat">
                        <span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row3col1 outerHtml" data-cms-path="data.contents.17">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                            <div class="t0-b-media__caption">
                                                                <p data-cms-path="data.contents.3">
                                                                    画像の説明を入力してください(フォントが小さく設定された文章です)
                                                                </p>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-twoColsMedia__row3col2">
                                <div class="outerHtml" data-cms-path="data.contents.18">
                                    <div class="ex-leftSpacingTweak-">
                                        <div class="b-bPlacer-7s">
                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                <p>お客さまごとにきちんとお時間をとり、丁寧なご説明を心がけております。お客さまにご納得いただけないままお手続きを進めるようなことは一切ございません。安心してご相談ください。</p>
                                            </div>
                                        </div>
                                    </div>
                                    <div>
                                        <div class="b-bPlacer-4s">
                                            <div class="t0-b-navItem t0-b-navItem--size-3 t0-b-navItem--width- t0-b-navItem--align-" data-height-part="">
                                                <div data-cms-path="data.contents.0">
                                                    <span></span>
                                                    <div data-cms-contenteditable="data.contents.0.text">詳しくはこちらをクリック</div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="t0-b-frameWithHCaptionNumIcon2__numIcon--align t0-b-frameWithHCaptionNumIcon2__numIcon--align-">
                        <div class="t0-b-frameWithHCaptionNumIcon2__numIcon">
                            <div class="t0-b-frameWithHCaptionNumIcon2__iconPlacer">
                                <span class="t0-b-frameWithHCaptionNumIcon2__icon t0-b-frameWithHCaptionNumIcon2__icon--tokucho-4"></span>
                            </div>
                            <div class="t0-b-frameWithHCaptionNumIcon2__numIcon-bd">
                                <div class="t0-b-frameWithHCaptionNumIcon2__numIcon-caption-upper" data-cms-path="data.contents.19">平日お忙しい方のために</div>
                                <h4 class="t0-b-frameWithHCaptionNumIcon2__numIcon-h" data-cms-path="data.contents.20">土日祝日もご相談を受付</h4>
                                <div class="t0-b-frameWithHCaptionNumIcon2__numIcon-caption-lower" data-cms-path="data.contents.21">Open on holidays</div>
                            </div>
                        </div>
                    </div>
                    <div data-switchable-key="contents.23.switchable" class="t0-b-frameWithHCaptionNumIcon2__box t0-b-twoColsMedia--imgR ex-imageFloat">
                        <span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row4col1 outerHtml" data-cms-path="data.contents.22">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                            <div class="t0-b-media__caption">
                                                                <p data-cms-path="data.contents.3">
                                                                    画像の説明を入力してください(フォントが小さく設定された文章です)
                                                                </p>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-twoColsMedia__row4col2">
                                <div class="outerHtml" data-cms-path="data.contents.23">
                                    <div class="ex-leftSpacingTweak-">
                                        <div class="b-bPlacer-7s">
                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                <p>土日祝日もご相談を受け付けております。平日は仕事でいつも帰りが遅い方や、昼間は家事や育児で忙しい方など、ぜひご利用ください。</p>
                                            </div>
                                        </div>
                                    </div>
                                    <div>
                                        <div class="b-bPlacer-4s">
                                            <div class="t0-b-navItem t0-b-navItem--size-3 t0-b-navItem--width- t0-b-navItem--align-" data-height-part="">
                                                <div data-cms-path="data.contents.0">
                                                    <span></span>
                                                    <div data-cms-contenteditable="data.contents.0.text">詳しくはこちらをクリック</div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="t0-b-frameWithHCaptionNumIcon2__numIcon--align t0-b-frameWithHCaptionNumIcon2__numIcon--align-">
                        <div class="t0-b-frameWithHCaptionNumIcon2__numIcon">
                            <div class="t0-b-frameWithHCaptionNumIcon2__iconPlacer">
                                <span class="t0-b-frameWithHCaptionNumIcon2__icon t0-b-frameWithHCaptionNumIcon2__icon--tokucho-5"></span>
                            </div>
                            <div class="t0-b-frameWithHCaptionNumIcon2__numIcon-bd">
                                <div class="t0-b-frameWithHCaptionNumIcon2__numIcon-caption-upper" data-cms-path="data.contents.24">明朗会計で安心</div>
                                <h4 class="t0-b-frameWithHCaptionNumIcon2__numIcon-h" data-cms-path="data.contents.25">パッケージプラン</h4>
                                <div class="t0-b-frameWithHCaptionNumIcon2__numIcon-caption-lower" data-cms-path="data.contents.26">Package</div>
                            </div>
                        </div>
                    </div>
                    <div data-switchable-key="contents.28.switchable" class="t0-b-frameWithHCaptionNumIcon2__box t0-b-twoColsMedia--imgR ex-imageFloat">
                        <span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row5col1 outerHtml" data-cms-path="data.contents.27">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                            <div class="t0-b-media__caption">
                                                                <p data-cms-path="data.contents.3">
                                                                    画像の説明を入力してください(フォントが小さく設定された文章です)
                                                                </p>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-twoColsMedia__row5col2">
                                <div class="outerHtml" data-cms-path="data.contents.28">
                                    <div class="ex-leftSpacingTweak-">
                                        <div class="b-bPlacer-7s">
                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                <p>当社では、各業務、各種サービスの料金を明確に定め、明朗会計のパッケージプランをご用意しております。「何にいくらかかるのかわからない」といったご心配は不要です。</p>
                                            </div>
                                        </div>
                                    </div>
                                    <div>
                                        <div class="b-bPlacer-4s">
                                            <div class="t0-b-navItem t0-b-navItem--size-3 t0-b-navItem--width- t0-b-navItem--align-" data-height-part="">
                                                <div data-cms-path="data.contents.0">
                                                    <span></span>
                                                    <div data-cms-contenteditable="data.contents.0.text">詳しくはこちらをクリック</div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="t0-b-frameWithHCaptionNumIcon2__numIcon--align t0-b-frameWithHCaptionNumIcon2__numIcon--align-">
                        <div class="t0-b-frameWithHCaptionNumIcon2__numIcon">
                            <div class="t0-b-frameWithHCaptionNumIcon2__iconPlacer">
                                <span class="t0-b-frameWithHCaptionNumIcon2__icon t0-b-frameWithHCaptionNumIcon2__icon--tokucho-6"></span>
                            </div>
                            <div class="t0-b-frameWithHCaptionNumIcon2__numIcon-bd">
                                <div class="t0-b-frameWithHCaptionNumIcon2__numIcon-caption-upper" data-cms-path="data.contents.29">長くお付き合いしていきたいから</div>
                                <h4 class="t0-b-frameWithHCaptionNumIcon2__numIcon-h" data-cms-path="data.contents.30">充実のフォロー体制</h4>
                                <div class="t0-b-frameWithHCaptionNumIcon2__numIcon-caption-lower" data-cms-path="data.contents.31">After-sales Service</div>
                            </div>
                        </div>
                    </div>
                    <div data-switchable-key="contents.33.switchable" class="t0-b-frameWithHCaptionNumIcon2__box t0-b-twoColsMedia--imgR ex-imageFloat">
                        <span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row6col1 outerHtml" data-cms-path="data.contents.32">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                            <div class="t0-b-media__caption">
                                                                <p data-cms-path="data.contents.3">
                                                                    画像の説明を入力してください(フォントが小さく設定された文章です)
                                                                </p>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-twoColsMedia__row6col2">
                                <div class="outerHtml" data-cms-path="data.contents.33">
                                    <div class="ex-leftSpacingTweak-">
                                        <div class="b-bPlacer-7s">
                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                <p>当社では、単なる事務手続きだけでなく、充実のフォロー体制でお客さまをバックアップいたします。けっして○○して終わり、というわけではありませんので、安心してご相談ください。</p>
                                            </div>
                                        </div>
                                    </div>
                                    <div>
                                        <div class="b-bPlacer-4s">
                                            <div class="t0-b-navItem t0-b-navItem--size-3 t0-b-navItem--width- t0-b-navItem--align-" data-height-part="">
                                                <div data-cms-path="data.contents.0">
                                                    <span></span>
                                                    <div data-cms-contenteditable="data.contents.0.text">詳しくはこちらをクリック</div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="t0-b-frameWithHCaptionNumIcon2__numIcon--align t0-b-frameWithHCaptionNumIcon2__numIcon--align-">
                        <div class="t0-b-frameWithHCaptionNumIcon2__numIcon">
                            <div class="t0-b-frameWithHCaptionNumIcon2__iconPlacer">
                                <span class="t0-b-frameWithHCaptionNumIcon2__icon t0-b-frameWithHCaptionNumIcon2__icon--tokucho-7"></span>
                            </div>
                            <div class="t0-b-frameWithHCaptionNumIcon2__numIcon-bd">
                                <div class="t0-b-frameWithHCaptionNumIcon2__numIcon-caption-upper" data-cms-path="data.contents.34">○年以上の実績</div>
                                <h4 class="t0-b-frameWithHCaptionNumIcon2__numIcon-h" data-cms-path="data.contents.35">豊富な経験と高い技術力</h4>
                                <div class="t0-b-frameWithHCaptionNumIcon2__numIcon-caption-lower" data-cms-path="data.contents.36">Results</div>
                            </div>
                        </div>
                    </div>
                    <div data-switchable-key="contents.38.switchable" class="t0-b-frameWithHCaptionNumIcon2__box t0-b-twoColsMedia--imgR ex-imageFloat">
                        <span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row7col1 outerHtml" data-cms-path="data.contents.37">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                            <div class="t0-b-media__caption">
                                                                <p data-cms-path="data.contents.3">
                                                                    画像の説明を入力してください(フォントが小さく設定された文章です)
                                                                </p>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-twoColsMedia__row7col2">
                                <div class="outerHtml" data-cms-path="data.contents.38">
                                    <div class="ex-leftSpacingTweak-">
                                        <div class="b-bPlacer-7s">
                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                <p>当社には○年以上の豊富な経験と高い技術力がございます。これらを生かし、単なる○○だけでなく、あらゆるニーズにお応えいたします。</p>
                                            </div>
                                        </div>
                                    </div>
                                    <div>
                                        <div class="b-bPlacer-4s">
                                            <div class="t0-b-navItem t0-b-navItem--size-3 t0-b-navItem--width- t0-b-navItem--align-" data-height-part="">
                                                <div data-cms-path="data.contents.0">
                                                    <span></span>
                                                    <div data-cms-contenteditable="data.contents.0.text">詳しくはこちらをクリック</div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="t0-b-frameWithHCaptionNumIcon2__numIcon--align t0-b-frameWithHCaptionNumIcon2__numIcon--align-">
                        <div class="t0-b-frameWithHCaptionNumIcon2__numIcon">
                            <div class="t0-b-frameWithHCaptionNumIcon2__iconPlacer">
                                <span class="t0-b-frameWithHCaptionNumIcon2__icon t0-b-frameWithHCaptionNumIcon2__icon--tokucho-8"></span>
                            </div>
                            <div class="t0-b-frameWithHCaptionNumIcon2__numIcon-bd">
                                <div class="t0-b-frameWithHCaptionNumIcon2__numIcon-caption-upper" data-cms-path="data.contents.39">○年以上の実績</div>
                                <h4 class="t0-b-frameWithHCaptionNumIcon2__numIcon-h" data-cms-path="data.contents.40">豊富な経験と高い技術力</h4>
                                <div class="t0-b-frameWithHCaptionNumIcon2__numIcon-caption-lower" data-cms-path="data.contents.41">Results</div>
                            </div>
                        </div>
                    </div>
                    <div data-switchable-key="contents.43.switchable" class="t0-b-frameWithHCaptionNumIcon2__box t0-b-twoColsMedia--imgR ex-imageFloat">
                        <span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row8col1 outerHtml" data-cms-path="data.contents.42">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                            <div class="t0-b-media__caption">
                                                                <p data-cms-path="data.contents.3">
                                                                    画像の説明を入力してください(フォントが小さく設定された文章です)
                                                                </p>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-twoColsMedia__row8col2">
                                <div class="outerHtml" data-cms-path="data.contents.43">
                                    <div class="ex-leftSpacingTweak-">
                                        <div class="b-bPlacer-7s">
                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                <p>当社には○年以上の豊富な経験と高い技術力がございます。これらを生かし、単なる○○だけでなく、あらゆるニーズにお応えいたします。</p>
                                            </div>
                                        </div>
                                    </div>
                                    <div>
                                        <div class="b-bPlacer-4s">
                                            <div class="t0-b-navItem t0-b-navItem--size-3 t0-b-navItem--width- t0-b-navItem--align-" data-height-part="">
                                                <div data-cms-path="data.contents.0">
                                                    <span></span>
                                                    <div data-cms-contenteditable="data.contents.0.text">詳しくはこちらをクリック</div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="t0-b-frameWithHCaptionNumIcon2__numIcon--align t0-b-frameWithHCaptionNumIcon2__numIcon--align-">
                        <div class="t0-b-frameWithHCaptionNumIcon2__numIcon">
                            <div class="t0-b-frameWithHCaptionNumIcon2__iconPlacer">
                                <span class="t0-b-frameWithHCaptionNumIcon2__icon t0-b-frameWithHCaptionNumIcon2__icon--tokucho-9"></span>
                            </div>
                            <div class="t0-b-frameWithHCaptionNumIcon2__numIcon-bd">
                                <div class="t0-b-frameWithHCaptionNumIcon2__numIcon-caption-upper" data-cms-path="data.contents.44">○年以上の実績</div>
                                <h4 class="t0-b-frameWithHCaptionNumIcon2__numIcon-h" data-cms-path="data.contents.45">豊富な経験と高い技術力</h4>
                                <div class="t0-b-frameWithHCaptionNumIcon2__numIcon-caption-lower" data-cms-path="data.contents.46">Results</div>
                            </div>
                        </div>
                    </div>
                    <div data-switchable-key="contents.48.switchable" class="t0-b-frameWithHCaptionNumIcon2__box t0-b-twoColsMedia--imgR ex-imageFloat">
                        <span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row9col1 outerHtml" data-cms-path="data.contents.47">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                            <div class="t0-b-media__caption">
                                                                <p data-cms-path="data.contents.3">
                                                                    画像の説明を入力してください(フォントが小さく設定された文章です)
                                                                </p>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-twoColsMedia__row9col2">
                                <div class="outerHtml" data-cms-path="data.contents.48">
                                    <div class="ex-leftSpacingTweak-">
                                        <div class="b-bPlacer-7s">
                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                <p>当社には○年以上の豊富な経験と高い技術力がございます。これらを生かし、単なる○○だけでなく、あらゆるニーズにお応えいたします。</p>
                                            </div>
                                        </div>
                                    </div>
                                    <div>
                                        <div class="b-bPlacer-4s">
                                            <div class="t0-b-navItem t0-b-navItem--size-3 t0-b-navItem--width- t0-b-navItem--align-" data-height-part="">
                                                <div data-cms-path="data.contents.0">
                                                    <span></span>
                                                    <div data-cms-contenteditable="data.contents.0.text">詳しくはこちらをクリック</div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="t0-b-frameWithHCaptionNumIcon2__numIcon--align t0-b-frameWithHCaptionNumIcon2__numIcon--align-">
                        <div class="t0-b-frameWithHCaptionNumIcon2__numIcon">
                            <div class="t0-b-frameWithHCaptionNumIcon2__iconPlacer">
                                <span class="t0-b-frameWithHCaptionNumIcon2__icon t0-b-frameWithHCaptionNumIcon2__icon--tokucho-10"></span>
                            </div>
                            <div class="t0-b-frameWithHCaptionNumIcon2__numIcon-bd">
                                <div class="t0-b-frameWithHCaptionNumIcon2__numIcon-caption-upper" data-cms-path="data.contents.49">○年以上の実績</div>
                                <h4 class="t0-b-frameWithHCaptionNumIcon2__numIcon-h" data-cms-path="data.contents.50">豊富な経験と高い技術力</h4>
                                <div class="t0-b-frameWithHCaptionNumIcon2__numIcon-caption-lower" data-cms-path="data.contents.51">Results</div>
                            </div>
                        </div>
                    </div>
                    <div data-switchable-key="contents.53.switchable" class="t0-b-frameWithHCaptionNumIcon2__box t0-b-twoColsMedia--imgR ex-imageFloat">
                        <span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row10col1 outerHtml" data-cms-path="data.contents.52">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                            <div class="t0-b-media__caption">
                                                                <p data-cms-path="data.contents.3">
                                                                    画像の説明を入力してください(フォントが小さく設定された文章です)
                                                                </p>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-twoColsMedia__row10col2">
                                <div class="outerHtml" data-cms-path="data.contents.53">
                                    <div class="ex-leftSpacingTweak-">
                                        <div class="b-bPlacer-7s">
                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                <p>当社には○年以上の豊富な経験と高い技術力がございます。これらを生かし、単なる○○だけでなく、あらゆるニーズにお応えいたします。</p>
                                            </div>
                                        </div>
                                    </div>
                                    <div>
                                        <div class="b-bPlacer-4s">
                                            <div class="t0-b-navItem t0-b-navItem--size-3 t0-b-navItem--width- t0-b-navItem--align-" data-height-part="">
                                                <div data-cms-path="data.contents.0">
                                                    <span></span>
                                                    <div data-cms-contenteditable="data.contents.0.text">詳しくはこちらをクリック</div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="outerHtml" data-cms-path="data.contents.54"></div>
    </div>
</div>
バリエーション1
お客さまにお伝えしたい

当社の3つの特徴

characteristic

当社の3つの特徴について詳しくご紹介いたします。

○年以上の実績

豊富な経験と高い技術力

Results

画像の説明を入力してください(フォントが小さく設定された文章です)

当社には○年以上の豊富な経験と高い技術力がございます。これらを生かし、単なる○○だけでなく、あらゆるニーズにお応えいたします。

詳しくはこちらをクリック
地元の特性を把握

地域密着型

Community-based

画像の説明を入力してください(フォントが小さく設定された文章です)

地元で○年間、地域に密着して事業を行なってまいりました。周辺環境や地域の特性など、地元だからこそ把握していることを生かし、きめ細かいサービスを提供いたしております。

詳しくはこちらをクリック
お客さまとの対話を重視

時間をかけたカウンセリング

Counseling

画像の説明を入力してください(フォントが小さく設定された文章です)

お客さまごとにきちんとお時間をとり、丁寧なご説明を心がけております。お客さまにご納得いただけないままお手続きを進めるようなことは一切ございません。安心してご相談ください。

詳しくはこちらをクリック
平日お忙しい方のために

土日祝日もご相談を受付

Open on holidays

画像の説明を入力してください(フォントが小さく設定された文章です)

土日祝日もご相談を受け付けております。平日は仕事でいつも帰りが遅い方や、昼間は家事や育児で忙しい方など、ぜひご利用ください。

詳しくはこちらをクリック
明朗会計で安心

パッケージプラン

Package

画像の説明を入力してください(フォントが小さく設定された文章です)

当社では、各業務、各種サービスの料金を明確に定め、明朗会計のパッケージプランをご用意しております。「何にいくらかかるのかわからない」といったご心配は不要です。

詳しくはこちらをクリック
長くお付き合いしていきたいから

充実のフォロー体制

After-sales Service

画像の説明を入力してください(フォントが小さく設定された文章です)

当社では、単なる事務手続きだけでなく、充実のフォロー体制でお客さまをバックアップいたします。けっして○○して終わり、というわけではありませんので、安心してご相談ください。

詳しくはこちらをクリック
○年以上の実績

豊富な経験と高い技術力

Results

画像の説明を入力してください(フォントが小さく設定された文章です)

当社には○年以上の豊富な経験と高い技術力がございます。これらを生かし、単なる○○だけでなく、あらゆるニーズにお応えいたします。

詳しくはこちらをクリック
○年以上の実績

豊富な経験と高い技術力

Results

画像の説明を入力してください(フォントが小さく設定された文章です)

当社には○年以上の豊富な経験と高い技術力がございます。これらを生かし、単なる○○だけでなく、あらゆるニーズにお応えいたします。

詳しくはこちらをクリック
○年以上の実績

豊富な経験と高い技術力

Results

画像の説明を入力してください(フォントが小さく設定された文章です)

当社には○年以上の豊富な経験と高い技術力がございます。これらを生かし、単なる○○だけでなく、あらゆるニーズにお応えいたします。

詳しくはこちらをクリック
○年以上の実績

豊富な経験と高い技術力

Results

画像の説明を入力してください(フォントが小さく設定された文章です)

当社には○年以上の豊富な経験と高い技術力がございます。これらを生かし、単なる○○だけでなく、あらゆるニーズにお応えいたします。

詳しくはこちらをクリック
<div>
    <div class="b-bPlacer-12s">
        <div class="outerHtml" data-cms-path="data.contents.55"></div>
        <div class="t0-b-frameWithHCaptionNumIcon">
            <span><span><span></span></span></span>
            <div data-switchable-key="contents.1.switchable" class="t0-b-frameWithHCaptionNumIcon__hd t0-b-frameWithHCaptionNumIcon__hd--align-">
                <span><span><span></span></span></span>
                <div class="t0-b-frameWithHCaptionNumIcon__hd-caption-upper" data-cms-path="data.contents.0">お客さまにお伝えしたい</div>
                <div class="t0-b-frameWithHCaptionNumIcon__hd-h">
                    <h3 data-cms-path="data.contents.1">当社の3つの特徴</h3>
                </div>
                <div class="t0-b-frameWithHCaptionNumIcon__hd-caption-lower" data-cms-path="data.contents.2">characteristic</div>
            </div>
            <div class="t0-b-frameWithHCaptionNumIcon__bd">
                <span><span><span></span></span></span>
                <div class="b-bPlacer-7s">
                    <div class="t0-b-wysiwyg">
                        <p data-cms-path="data.contents.3">当社の3つの特徴について詳しくご紹介いたします。</p>
                    </div>
                </div>
                <div class="t0-b-twoColsMedia t0-b-twoColsMedia--colW-m ex-spLayout__horizon">
                    <div class="t0-b-frameWithHCaptionNumIcon__numIcon--align t0-b-frameWithHCaptionNumIcon__numIcon--align-">
                        <div class="t0-b-frameWithHCaptionNumIcon__numIcon">
                            <div class="t0-b-frameWithHCaptionNumIcon__iconPlacer">
                                <span class="t0-b-frameWithHCaptionNumIcon__icon t0-b-frameWithHCaptionNumIcon__icon--tokucho-1"></span>
                            </div>
                            <div class="t0-b-frameWithHCaptionNumIcon__numIcon-bd">
                                <div class="t0-b-frameWithHCaptionNumIcon__numIcon-caption-upper" data-cms-path="data.contents.4">○年以上の実績</div>
                                <h4 class="t0-b-frameWithHCaptionNumIcon__numIcon-h" data-cms-path="data.contents.5">豊富な経験と高い技術力</h4>
                                <div class="t0-b-frameWithHCaptionNumIcon__numIcon-caption-lower" data-cms-path="data.contents.6">Results</div>
                            </div>
                        </div>
                    </div>
                    <div class="t0-b-frameWithHCaptionNumIcon__box t0-b-twoColsMedia--imgR ex-imageFloat">
                        <span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row1col1 outerHtml" data-cms-path="data.contents.7">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                            <div class="t0-b-media__caption">
                                                                <p data-cms-path="data.contents.3">
                                                                    画像の説明を入力してください(フォントが小さく設定された文章です)
                                                                </p>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-twoColsMedia__row1col2">
                                <div class="outerHtml" data-cms-path="data.contents.8">
                                    <div class="ex-leftSpacingTweak-">
                                        <div class="b-bPlacer-7s">
                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                <p>当社には○年以上の豊富な経験と高い技術力がございます。これらを生かし、単なる○○だけでなく、あらゆるニーズにお応えいたします。</p>
                                            </div>
                                        </div>
                                    </div>
                                    <div>
                                        <div class="b-bPlacer-4s">
                                            <div class="t0-b-navItem t0-b-navItem--size-3 t0-b-navItem--width- t0-b-navItem--align-" data-height-part="">
                                                <div data-cms-path="data.contents.0">
                                                    <span></span>
                                                    <div data-cms-contenteditable="data.contents.0.text">詳しくはこちらをクリック</div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="t0-b-frameWithHCaptionNumIcon__numIcon--align t0-b-frameWithHCaptionNumIcon__numIcon--align-">
                        <div class="t0-b-frameWithHCaptionNumIcon__numIcon">
                            <div class="t0-b-frameWithHCaptionNumIcon__iconPlacer">
                                <span class="t0-b-frameWithHCaptionNumIcon__icon t0-b-frameWithHCaptionNumIcon__icon--tokucho-2"></span>
                            </div>
                            <div class="t0-b-frameWithHCaptionNumIcon__numIcon-bd">
                                <div class="t0-b-frameWithHCaptionNumIcon__numIcon-caption-upper" data-cms-path="data.contents.9">地元の特性を把握</div>
                                <h4 class="t0-b-frameWithHCaptionNumIcon__numIcon-h" data-cms-path="data.contents.10">地域密着型</h4>
                                <div class="t0-b-frameWithHCaptionNumIcon__numIcon-caption-lower" data-cms-path="data.contents.11">Community-based</div>
                            </div>
                        </div>
                    </div>
                    <div data-switchable-key="contents.13.switchable" class="t0-b-frameWithHCaptionNumIcon__box t0-b-twoColsMedia--imgR ex-imageFloat">
                        <span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row2col1 outerHtml" data-cms-path="data.contents.12">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                            <div class="t0-b-media__caption">
                                                                <p data-cms-path="data.contents.3">
                                                                    画像の説明を入力してください(フォントが小さく設定された文章です)
                                                                </p>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-twoColsMedia__row2col2">
                                <div class="outerHtml" data-cms-path="data.contents.13">
                                    <div class="ex-leftSpacingTweak-">
                                        <div class="b-bPlacer-7s">
                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                <p>地元で○年間、地域に密着して事業を行なってまいりました。周辺環境や地域の特性など、地元だからこそ把握していることを生かし、きめ細かいサービスを提供いたしております。</p>
                                            </div>
                                        </div>
                                    </div>
                                    <div>
                                        <div class="b-bPlacer-4s">
                                            <div class="t0-b-navItem t0-b-navItem--size-3 t0-b-navItem--width- t0-b-navItem--align-" data-height-part="">
                                                <div data-cms-path="data.contents.0">
                                                    <span></span>
                                                    <div data-cms-contenteditable="data.contents.0.text">詳しくはこちらをクリック</div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="t0-b-frameWithHCaptionNumIcon__numIcon--align t0-b-frameWithHCaptionNumIcon__numIcon--align-">
                        <div class="t0-b-frameWithHCaptionNumIcon__numIcon">
                            <div class="t0-b-frameWithHCaptionNumIcon__iconPlacer">
                                <span class="t0-b-frameWithHCaptionNumIcon__icon t0-b-frameWithHCaptionNumIcon__icon--tokucho-3"></span>
                            </div>
                            <div class="t0-b-frameWithHCaptionNumIcon__numIcon-bd">
                                <div class="t0-b-frameWithHCaptionNumIcon__numIcon-caption-upper" data-cms-path="data.contents.14">お客さまとの対話を重視</div>
                                <h4 class="t0-b-frameWithHCaptionNumIcon__numIcon-h" data-cms-path="data.contents.15">時間をかけたカウンセリング</h4>
                                <div class="t0-b-frameWithHCaptionNumIcon__numIcon-caption-lower" data-cms-path="data.contents.16">Counseling</div>
                            </div>
                        </div>
                    </div>
                    <div data-switchable-key="contents.18.switchable" class="t0-b-frameWithHCaptionNumIcon__box t0-b-twoColsMedia--imgR ex-imageFloat">
                        <span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row3col1 outerHtml" data-cms-path="data.contents.17">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                            <div class="t0-b-media__caption">
                                                                <p data-cms-path="data.contents.3">
                                                                    画像の説明を入力してください(フォントが小さく設定された文章です)
                                                                </p>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-twoColsMedia__row3col2">
                                <div class="outerHtml" data-cms-path="data.contents.18">
                                    <div class="ex-leftSpacingTweak-">
                                        <div class="b-bPlacer-7s">
                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                <p>お客さまごとにきちんとお時間をとり、丁寧なご説明を心がけております。お客さまにご納得いただけないままお手続きを進めるようなことは一切ございません。安心してご相談ください。</p>
                                            </div>
                                        </div>
                                    </div>
                                    <div>
                                        <div class="b-bPlacer-4s">
                                            <div class="t0-b-navItem t0-b-navItem--size-3 t0-b-navItem--width- t0-b-navItem--align-" data-height-part="">
                                                <div data-cms-path="data.contents.0">
                                                    <span></span>
                                                    <div data-cms-contenteditable="data.contents.0.text">詳しくはこちらをクリック</div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="t0-b-frameWithHCaptionNumIcon__numIcon--align t0-b-frameWithHCaptionNumIcon__numIcon--align-">
                        <div class="t0-b-frameWithHCaptionNumIcon__numIcon">
                            <div class="t0-b-frameWithHCaptionNumIcon__iconPlacer">
                                <span class="t0-b-frameWithHCaptionNumIcon__icon t0-b-frameWithHCaptionNumIcon__icon--tokucho-4"></span>
                            </div>
                            <div class="t0-b-frameWithHCaptionNumIcon__numIcon-bd">
                                <div class="t0-b-frameWithHCaptionNumIcon__numIcon-caption-upper" data-cms-path="data.contents.19">平日お忙しい方のために</div>
                                <h4 class="t0-b-frameWithHCaptionNumIcon__numIcon-h" data-cms-path="data.contents.20">土日祝日もご相談を受付</h4>
                                <div class="t0-b-frameWithHCaptionNumIcon__numIcon-caption-lower" data-cms-path="data.contents.21">Open on holidays</div>
                            </div>
                        </div>
                    </div>
                    <div data-switchable-key="contents.23.switchable" class="t0-b-frameWithHCaptionNumIcon__box t0-b-twoColsMedia--imgR ex-imageFloat">
                        <span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row4col1 outerHtml" data-cms-path="data.contents.22">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                            <div class="t0-b-media__caption">
                                                                <p data-cms-path="data.contents.3">
                                                                    画像の説明を入力してください(フォントが小さく設定された文章です)
                                                                </p>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-twoColsMedia__row4col2">
                                <div class="outerHtml" data-cms-path="data.contents.23">
                                    <div class="ex-leftSpacingTweak-">
                                        <div class="b-bPlacer-7s">
                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                <p>土日祝日もご相談を受け付けております。平日は仕事でいつも帰りが遅い方や、昼間は家事や育児で忙しい方など、ぜひご利用ください。</p>
                                            </div>
                                        </div>
                                    </div>
                                    <div>
                                        <div class="b-bPlacer-4s">
                                            <div class="t0-b-navItem t0-b-navItem--size-3 t0-b-navItem--width- t0-b-navItem--align-" data-height-part="">
                                                <div data-cms-path="data.contents.0">
                                                    <span></span>
                                                    <div data-cms-contenteditable="data.contents.0.text">詳しくはこちらをクリック</div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="t0-b-frameWithHCaptionNumIcon__numIcon--align t0-b-frameWithHCaptionNumIcon__numIcon--align-">
                        <div class="t0-b-frameWithHCaptionNumIcon__numIcon">
                            <div class="t0-b-frameWithHCaptionNumIcon__iconPlacer">
                                <span class="t0-b-frameWithHCaptionNumIcon__icon t0-b-frameWithHCaptionNumIcon__icon--tokucho-5"></span>
                            </div>
                            <div class="t0-b-frameWithHCaptionNumIcon__numIcon-bd">
                                <div class="t0-b-frameWithHCaptionNumIcon__numIcon-caption-upper" data-cms-path="data.contents.24">明朗会計で安心</div>
                                <h4 class="t0-b-frameWithHCaptionNumIcon__numIcon-h" data-cms-path="data.contents.25">パッケージプラン</h4>
                                <div class="t0-b-frameWithHCaptionNumIcon__numIcon-caption-lower" data-cms-path="data.contents.26">Package</div>
                            </div>
                        </div>
                    </div>
                    <div data-switchable-key="contents.28.switchable" class="t0-b-frameWithHCaptionNumIcon__box t0-b-twoColsMedia--imgR ex-imageFloat">
                        <span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row5col1 outerHtml" data-cms-path="data.contents.27">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                            <div class="t0-b-media__caption">
                                                                <p data-cms-path="data.contents.3">
                                                                    画像の説明を入力してください(フォントが小さく設定された文章です)
                                                                </p>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-twoColsMedia__row5col2">
                                <div class="outerHtml" data-cms-path="data.contents.28">
                                    <div class="ex-leftSpacingTweak-">
                                        <div class="b-bPlacer-7s">
                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                <p>当社では、各業務、各種サービスの料金を明確に定め、明朗会計のパッケージプランをご用意しております。「何にいくらかかるのかわからない」といったご心配は不要です。</p>
                                            </div>
                                        </div>
                                    </div>
                                    <div>
                                        <div class="b-bPlacer-4s">
                                            <div class="t0-b-navItem t0-b-navItem--size-3 t0-b-navItem--width- t0-b-navItem--align-" data-height-part="">
                                                <div data-cms-path="data.contents.0">
                                                    <span></span>
                                                    <div data-cms-contenteditable="data.contents.0.text">詳しくはこちらをクリック</div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="t0-b-frameWithHCaptionNumIcon__numIcon--align t0-b-frameWithHCaptionNumIcon__numIcon--align-">
                        <div class="t0-b-frameWithHCaptionNumIcon__numIcon">
                            <div class="t0-b-frameWithHCaptionNumIcon__iconPlacer">
                                <span class="t0-b-frameWithHCaptionNumIcon__icon t0-b-frameWithHCaptionNumIcon__icon--tokucho-6"></span>
                            </div>
                            <div class="t0-b-frameWithHCaptionNumIcon__numIcon-bd">
                                <div class="t0-b-frameWithHCaptionNumIcon__numIcon-caption-upper" data-cms-path="data.contents.29">長くお付き合いしていきたいから</div>
                                <h4 class="t0-b-frameWithHCaptionNumIcon__numIcon-h" data-cms-path="data.contents.30">充実のフォロー体制</h4>
                                <div class="t0-b-frameWithHCaptionNumIcon__numIcon-caption-lower" data-cms-path="data.contents.31">After-sales Service</div>
                            </div>
                        </div>
                    </div>
                    <div data-switchable-key="contents.33.switchable" class="t0-b-frameWithHCaptionNumIcon__box t0-b-twoColsMedia--imgR ex-imageFloat">
                        <span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row6col1 outerHtml" data-cms-path="data.contents.32">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                            <div class="t0-b-media__caption">
                                                                <p data-cms-path="data.contents.3">
                                                                    画像の説明を入力してください(フォントが小さく設定された文章です)
                                                                </p>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-twoColsMedia__row6col2">
                                <div class="outerHtml" data-cms-path="data.contents.33">
                                    <div class="ex-leftSpacingTweak-">
                                        <div class="b-bPlacer-7s">
                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                <p>当社では、単なる事務手続きだけでなく、充実のフォロー体制でお客さまをバックアップいたします。けっして○○して終わり、というわけではありませんので、安心してご相談ください。</p>
                                            </div>
                                        </div>
                                    </div>
                                    <div>
                                        <div class="b-bPlacer-4s">
                                            <div class="t0-b-navItem t0-b-navItem--size-3 t0-b-navItem--width- t0-b-navItem--align-" data-height-part="">
                                                <div data-cms-path="data.contents.0">
                                                    <span></span>
                                                    <div data-cms-contenteditable="data.contents.0.text">詳しくはこちらをクリック</div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="t0-b-frameWithHCaptionNumIcon__numIcon--align t0-b-frameWithHCaptionNumIcon__numIcon--align-">
                        <div class="t0-b-frameWithHCaptionNumIcon__numIcon">
                            <div class="t0-b-frameWithHCaptionNumIcon__iconPlacer">
                                <span class="t0-b-frameWithHCaptionNumIcon__icon t0-b-frameWithHCaptionNumIcon__icon--tokucho-7"></span>
                            </div>
                            <div class="t0-b-frameWithHCaptionNumIcon__numIcon-bd">
                                <div class="t0-b-frameWithHCaptionNumIcon__numIcon-caption-upper" data-cms-path="data.contents.34">○年以上の実績</div>
                                <h4 class="t0-b-frameWithHCaptionNumIcon__numIcon-h" data-cms-path="data.contents.35">豊富な経験と高い技術力</h4>
                                <div class="t0-b-frameWithHCaptionNumIcon__numIcon-caption-lower" data-cms-path="data.contents.36">Results</div>
                            </div>
                        </div>
                    </div>
                    <div data-switchable-key="contents.38.switchable" class="t0-b-frameWithHCaptionNumIcon__box t0-b-twoColsMedia--imgR ex-imageFloat">
                        <span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row7col1 outerHtml" data-cms-path="data.contents.37">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                            <div class="t0-b-media__caption">
                                                                <p data-cms-path="data.contents.3">
                                                                    画像の説明を入力してください(フォントが小さく設定された文章です)
                                                                </p>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-twoColsMedia__row7col2">
                                <div class="outerHtml" data-cms-path="data.contents.38">
                                    <div class="ex-leftSpacingTweak-">
                                        <div class="b-bPlacer-7s">
                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                <p>当社には○年以上の豊富な経験と高い技術力がございます。これらを生かし、単なる○○だけでなく、あらゆるニーズにお応えいたします。</p>
                                            </div>
                                        </div>
                                    </div>
                                    <div>
                                        <div class="b-bPlacer-4s">
                                            <div class="t0-b-navItem t0-b-navItem--size-3 t0-b-navItem--width- t0-b-navItem--align-" data-height-part="">
                                                <div data-cms-path="data.contents.0">
                                                    <span></span>
                                                    <div data-cms-contenteditable="data.contents.0.text">詳しくはこちらをクリック</div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="t0-b-frameWithHCaptionNumIcon__numIcon--align t0-b-frameWithHCaptionNumIcon__numIcon--align-">
                        <div class="t0-b-frameWithHCaptionNumIcon__numIcon">
                            <div class="t0-b-frameWithHCaptionNumIcon__iconPlacer">
                                <span class="t0-b-frameWithHCaptionNumIcon__icon t0-b-frameWithHCaptionNumIcon__icon--tokucho-8"></span>
                            </div>
                            <div class="t0-b-frameWithHCaptionNumIcon__numIcon-bd">
                                <div class="t0-b-frameWithHCaptionNumIcon__numIcon-caption-upper" data-cms-path="data.contents.39">○年以上の実績</div>
                                <h4 class="t0-b-frameWithHCaptionNumIcon__numIcon-h" data-cms-path="data.contents.40">豊富な経験と高い技術力</h4>
                                <div class="t0-b-frameWithHCaptionNumIcon__numIcon-caption-lower" data-cms-path="data.contents.41">Results</div>
                            </div>
                        </div>
                    </div>
                    <div data-switchable-key="contents.43.switchable" class="t0-b-frameWithHCaptionNumIcon__box t0-b-twoColsMedia--imgR ex-imageFloat">
                        <span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row8col1 outerHtml" data-cms-path="data.contents.42">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                            <div class="t0-b-media__caption">
                                                                <p data-cms-path="data.contents.3">
                                                                    画像の説明を入力してください(フォントが小さく設定された文章です)
                                                                </p>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-twoColsMedia__row8col2">
                                <div class="outerHtml" data-cms-path="data.contents.43">
                                    <div class="ex-leftSpacingTweak-">
                                        <div class="b-bPlacer-7s">
                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                <p>当社には○年以上の豊富な経験と高い技術力がございます。これらを生かし、単なる○○だけでなく、あらゆるニーズにお応えいたします。</p>
                                            </div>
                                        </div>
                                    </div>
                                    <div>
                                        <div class="b-bPlacer-4s">
                                            <div class="t0-b-navItem t0-b-navItem--size-3 t0-b-navItem--width- t0-b-navItem--align-" data-height-part="">
                                                <div data-cms-path="data.contents.0">
                                                    <span></span>
                                                    <div data-cms-contenteditable="data.contents.0.text">詳しくはこちらをクリック</div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="t0-b-frameWithHCaptionNumIcon__numIcon--align t0-b-frameWithHCaptionNumIcon__numIcon--align-">
                        <div class="t0-b-frameWithHCaptionNumIcon__numIcon">
                            <div class="t0-b-frameWithHCaptionNumIcon__iconPlacer">
                                <span class="t0-b-frameWithHCaptionNumIcon__icon t0-b-frameWithHCaptionNumIcon__icon--tokucho-9"></span>
                            </div>
                            <div class="t0-b-frameWithHCaptionNumIcon__numIcon-bd">
                                <div class="t0-b-frameWithHCaptionNumIcon__numIcon-caption-upper" data-cms-path="data.contents.44">○年以上の実績</div>
                                <h4 class="t0-b-frameWithHCaptionNumIcon__numIcon-h" data-cms-path="data.contents.45">豊富な経験と高い技術力</h4>
                                <div class="t0-b-frameWithHCaptionNumIcon__numIcon-caption-lower" data-cms-path="data.contents.46">Results</div>
                            </div>
                        </div>
                    </div>
                    <div data-switchable-key="contents.48.switchable" class="t0-b-frameWithHCaptionNumIcon__box t0-b-twoColsMedia--imgR ex-imageFloat">
                        <span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row9col1 outerHtml" data-cms-path="data.contents.47">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                            <div class="t0-b-media__caption">
                                                                <p data-cms-path="data.contents.3">
                                                                    画像の説明を入力してください(フォントが小さく設定された文章です)
                                                                </p>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-twoColsMedia__row9col2">
                                <div class="outerHtml" data-cms-path="data.contents.48">
                                    <div class="ex-leftSpacingTweak-">
                                        <div class="b-bPlacer-7s">
                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                <p>当社には○年以上の豊富な経験と高い技術力がございます。これらを生かし、単なる○○だけでなく、あらゆるニーズにお応えいたします。</p>
                                            </div>
                                        </div>
                                    </div>
                                    <div>
                                        <div class="b-bPlacer-4s">
                                            <div class="t0-b-navItem t0-b-navItem--size-3 t0-b-navItem--width- t0-b-navItem--align-" data-height-part="">
                                                <div data-cms-path="data.contents.0">
                                                    <span></span>
                                                    <div data-cms-contenteditable="data.contents.0.text">詳しくはこちらをクリック</div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="t0-b-frameWithHCaptionNumIcon__numIcon--align t0-b-frameWithHCaptionNumIcon__numIcon--align-">
                        <div class="t0-b-frameWithHCaptionNumIcon__numIcon">
                            <div class="t0-b-frameWithHCaptionNumIcon__iconPlacer">
                                <span class="t0-b-frameWithHCaptionNumIcon__icon t0-b-frameWithHCaptionNumIcon__icon--tokucho-10"></span>
                            </div>
                            <div class="t0-b-frameWithHCaptionNumIcon__numIcon-bd">
                                <div class="t0-b-frameWithHCaptionNumIcon__numIcon-caption-upper" data-cms-path="data.contents.49">○年以上の実績</div>
                                <h4 class="t0-b-frameWithHCaptionNumIcon__numIcon-h" data-cms-path="data.contents.50">豊富な経験と高い技術力</h4>
                                <div class="t0-b-frameWithHCaptionNumIcon__numIcon-caption-lower" data-cms-path="data.contents.51">Results</div>
                            </div>
                        </div>
                    </div>
                    <div data-switchable-key="contents.53.switchable" class="t0-b-frameWithHCaptionNumIcon__box t0-b-twoColsMedia--imgR ex-imageFloat">
                        <span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row10col1 outerHtml" data-cms-path="data.contents.52">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                            <div class="t0-b-media__caption">
                                                                <p data-cms-path="data.contents.3">
                                                                    画像の説明を入力してください(フォントが小さく設定された文章です)
                                                                </p>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-twoColsMedia__row10col2">
                                <div class="outerHtml" data-cms-path="data.contents.53">
                                    <div class="ex-leftSpacingTweak-">
                                        <div class="b-bPlacer-7s">
                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                <p>当社には○年以上の豊富な経験と高い技術力がございます。これらを生かし、単なる○○だけでなく、あらゆるニーズにお応えいたします。</p>
                                            </div>
                                        </div>
                                    </div>
                                    <div>
                                        <div class="b-bPlacer-4s">
                                            <div class="t0-b-navItem t0-b-navItem--size-3 t0-b-navItem--width- t0-b-navItem--align-" data-height-part="">
                                                <div data-cms-path="data.contents.0">
                                                    <span></span>
                                                    <div data-cms-contenteditable="data.contents.0.text">詳しくはこちらをクリック</div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="outerHtml" data-cms-path="data.contents.54"></div>
    </div>
</div>
バリエーション2
お客さまにお伝えしたい

当社の3つの特徴

characteristic

当社の3つの特徴について詳しくご紹介いたします。

○年以上の実績

豊富な経験と高い技術力

Results

画像の説明を入力してください(フォントが小さく設定された文章です)

当社には○年以上の豊富な経験と高い技術力がございます。これらを生かし、単なる○○だけでなく、あらゆるニーズにお応えいたします。

詳しくはこちらをクリック
地元の特性を把握

地域密着型

Community-based

画像の説明を入力してください(フォントが小さく設定された文章です)

地元で○年間、地域に密着して事業を行なってまいりました。周辺環境や地域の特性など、地元だからこそ把握していることを生かし、きめ細かいサービスを提供いたしております。

詳しくはこちらをクリック
お客さまとの対話を重視

時間をかけたカウンセリング

Counseling

画像の説明を入力してください(フォントが小さく設定された文章です)

お客さまごとにきちんとお時間をとり、丁寧なご説明を心がけております。お客さまにご納得いただけないままお手続きを進めるようなことは一切ございません。安心してご相談ください。

詳しくはこちらをクリック
平日お忙しい方のために

土日祝日もご相談を受付

Open on holidays

画像の説明を入力してください(フォントが小さく設定された文章です)

土日祝日もご相談を受け付けております。平日は仕事でいつも帰りが遅い方や、昼間は家事や育児で忙しい方など、ぜひご利用ください。

詳しくはこちらをクリック
明朗会計で安心

パッケージプラン

Package

画像の説明を入力してください(フォントが小さく設定された文章です)

当社では、各業務、各種サービスの料金を明確に定め、明朗会計のパッケージプランをご用意しております。「何にいくらかかるのかわからない」といったご心配は不要です。

詳しくはこちらをクリック
長くお付き合いしていきたいから

充実のフォロー体制

After-sales Service

画像の説明を入力してください(フォントが小さく設定された文章です)

当社では、単なる事務手続きだけでなく、充実のフォロー体制でお客さまをバックアップいたします。けっして○○して終わり、というわけではありませんので、安心してご相談ください。

詳しくはこちらをクリック
○年以上の実績

豊富な経験と高い技術力

Results

画像の説明を入力してください(フォントが小さく設定された文章です)

当社には○年以上の豊富な経験と高い技術力がございます。これらを生かし、単なる○○だけでなく、あらゆるニーズにお応えいたします。

詳しくはこちらをクリック
○年以上の実績

豊富な経験と高い技術力

Results

画像の説明を入力してください(フォントが小さく設定された文章です)

当社には○年以上の豊富な経験と高い技術力がございます。これらを生かし、単なる○○だけでなく、あらゆるニーズにお応えいたします。

詳しくはこちらをクリック
○年以上の実績

豊富な経験と高い技術力

Results

画像の説明を入力してください(フォントが小さく設定された文章です)

当社には○年以上の豊富な経験と高い技術力がございます。これらを生かし、単なる○○だけでなく、あらゆるニーズにお応えいたします。

詳しくはこちらをクリック
○年以上の実績

豊富な経験と高い技術力

Results

画像の説明を入力してください(フォントが小さく設定された文章です)

当社には○年以上の豊富な経験と高い技術力がございます。これらを生かし、単なる○○だけでなく、あらゆるニーズにお応えいたします。

詳しくはこちらをクリック
<div>
    <div class="b-bPlacer-12s">
        <div class="outerHtml" data-cms-path="data.contents.55"></div>
        <div class="t0-b-frameWithHCaptionNumIcon2">
            <span><span><span></span></span></span>
            <div data-switchable-key="contents.1.switchable" class="t0-b-frameWithHCaptionNumIcon2__hd t0-b-frameWithHCaptionNumIcon2__hd--align-">
                <span><span><span></span></span></span>
                <div class="t0-b-frameWithHCaptionNumIcon2__hd-caption-upper" data-cms-path="data.contents.0">お客さまにお伝えしたい</div>
                <div class="t0-b-frameWithHCaptionNumIcon2__hd-h">
                    <h3 data-cms-path="data.contents.1">当社の3つの特徴</h3>
                </div>
                <div class="t0-b-frameWithHCaptionNumIcon2__hd-caption-lower" data-cms-path="data.contents.2">characteristic</div>
            </div>
            <div class="t0-b-frameWithHCaptionNumIcon2__bd">
                <span><span><span></span></span></span>
                <div class="b-bPlacer-7s">
                    <div class="t0-b-wysiwyg">
                        <p data-cms-path="data.contents.3">当社の3つの特徴について詳しくご紹介いたします。</p>
                    </div>
                </div>
                <div class="t0-b-twoColsMedia t0-b-twoColsMedia--colW-m ex-spLayout__horizon">
                    <div class="t0-b-frameWithHCaptionNumIcon2__numIcon--align t0-b-frameWithHCaptionNumIcon2__numIcon--align-">
                        <div class="t0-b-frameWithHCaptionNumIcon2__numIcon">
                            <div class="t0-b-frameWithHCaptionNumIcon2__iconPlacer">
                                <span class="t0-b-frameWithHCaptionNumIcon2__icon t0-b-frameWithHCaptionNumIcon2__icon--tokucho-1"></span>
                            </div>
                            <div class="t0-b-frameWithHCaptionNumIcon2__numIcon-bd">
                                <div class="t0-b-frameWithHCaptionNumIcon2__numIcon-caption-upper" data-cms-path="data.contents.4">○年以上の実績</div>
                                <h4 class="t0-b-frameWithHCaptionNumIcon2__numIcon-h" data-cms-path="data.contents.5">豊富な経験と高い技術力</h4>
                                <div class="t0-b-frameWithHCaptionNumIcon2__numIcon-caption-lower" data-cms-path="data.contents.6">Results</div>
                            </div>
                        </div>
                    </div>
                    <div class="t0-b-frameWithHCaptionNumIcon2__box t0-b-twoColsMedia--imgR ex-imageFloat">
                        <span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row1col1 outerHtml" data-cms-path="data.contents.7">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                            <div class="t0-b-media__caption">
                                                                <p data-cms-path="data.contents.3">
                                                                    画像の説明を入力してください(フォントが小さく設定された文章です)
                                                                </p>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-twoColsMedia__row1col2">
                                <div class="outerHtml" data-cms-path="data.contents.8">
                                    <div class="ex-leftSpacingTweak-">
                                        <div class="b-bPlacer-7s">
                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                <p>当社には○年以上の豊富な経験と高い技術力がございます。これらを生かし、単なる○○だけでなく、あらゆるニーズにお応えいたします。</p>
                                            </div>
                                        </div>
                                    </div>
                                    <div>
                                        <div class="b-bPlacer-4s">
                                            <div class="t0-b-navItem t0-b-navItem--size-3 t0-b-navItem--width- t0-b-navItem--align-" data-height-part="">
                                                <div data-cms-path="data.contents.0">
                                                    <span></span>
                                                    <div data-cms-contenteditable="data.contents.0.text">詳しくはこちらをクリック</div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="t0-b-frameWithHCaptionNumIcon2__numIcon--align t0-b-frameWithHCaptionNumIcon2__numIcon--align-">
                        <div class="t0-b-frameWithHCaptionNumIcon2__numIcon">
                            <div class="t0-b-frameWithHCaptionNumIcon2__iconPlacer">
                                <span class="t0-b-frameWithHCaptionNumIcon2__icon t0-b-frameWithHCaptionNumIcon2__icon--tokucho-2"></span>
                            </div>
                            <div class="t0-b-frameWithHCaptionNumIcon2__numIcon-bd">
                                <div class="t0-b-frameWithHCaptionNumIcon2__numIcon-caption-upper" data-cms-path="data.contents.9">地元の特性を把握</div>
                                <h4 class="t0-b-frameWithHCaptionNumIcon2__numIcon-h" data-cms-path="data.contents.10">地域密着型</h4>
                                <div class="t0-b-frameWithHCaptionNumIcon2__numIcon-caption-lower" data-cms-path="data.contents.11">Community-based</div>
                            </div>
                        </div>
                    </div>
                    <div data-switchable-key="contents.13.switchable" class="t0-b-frameWithHCaptionNumIcon2__box t0-b-twoColsMedia--imgR ex-imageFloat">
                        <span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row2col1 outerHtml" data-cms-path="data.contents.12">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                            <div class="t0-b-media__caption">
                                                                <p data-cms-path="data.contents.3">
                                                                    画像の説明を入力してください(フォントが小さく設定された文章です)
                                                                </p>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-twoColsMedia__row2col2">
                                <div class="outerHtml" data-cms-path="data.contents.13">
                                    <div class="ex-leftSpacingTweak-">
                                        <div class="b-bPlacer-7s">
                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                <p>地元で○年間、地域に密着して事業を行なってまいりました。周辺環境や地域の特性など、地元だからこそ把握していることを生かし、きめ細かいサービスを提供いたしております。</p>
                                            </div>
                                        </div>
                                    </div>
                                    <div>
                                        <div class="b-bPlacer-4s">
                                            <div class="t0-b-navItem t0-b-navItem--size-3 t0-b-navItem--width- t0-b-navItem--align-" data-height-part="">
                                                <div data-cms-path="data.contents.0">
                                                    <span></span>
                                                    <div data-cms-contenteditable="data.contents.0.text">詳しくはこちらをクリック</div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="t0-b-frameWithHCaptionNumIcon2__numIcon--align t0-b-frameWithHCaptionNumIcon2__numIcon--align-">
                        <div class="t0-b-frameWithHCaptionNumIcon2__numIcon">
                            <div class="t0-b-frameWithHCaptionNumIcon2__iconPlacer">
                                <span class="t0-b-frameWithHCaptionNumIcon2__icon t0-b-frameWithHCaptionNumIcon2__icon--tokucho-3"></span>
                            </div>
                            <div class="t0-b-frameWithHCaptionNumIcon2__numIcon-bd">
                                <div class="t0-b-frameWithHCaptionNumIcon2__numIcon-caption-upper" data-cms-path="data.contents.14">お客さまとの対話を重視</div>
                                <h4 class="t0-b-frameWithHCaptionNumIcon2__numIcon-h" data-cms-path="data.contents.15">時間をかけたカウンセリング</h4>
                                <div class="t0-b-frameWithHCaptionNumIcon2__numIcon-caption-lower" data-cms-path="data.contents.16">Counseling</div>
                            </div>
                        </div>
                    </div>
                    <div data-switchable-key="contents.18.switchable" class="t0-b-frameWithHCaptionNumIcon2__box t0-b-twoColsMedia--imgR ex-imageFloat">
                        <span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row3col1 outerHtml" data-cms-path="data.contents.17">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                            <div class="t0-b-media__caption">
                                                                <p data-cms-path="data.contents.3">
                                                                    画像の説明を入力してください(フォントが小さく設定された文章です)
                                                                </p>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-twoColsMedia__row3col2">
                                <div class="outerHtml" data-cms-path="data.contents.18">
                                    <div class="ex-leftSpacingTweak-">
                                        <div class="b-bPlacer-7s">
                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                <p>お客さまごとにきちんとお時間をとり、丁寧なご説明を心がけております。お客さまにご納得いただけないままお手続きを進めるようなことは一切ございません。安心してご相談ください。</p>
                                            </div>
                                        </div>
                                    </div>
                                    <div>
                                        <div class="b-bPlacer-4s">
                                            <div class="t0-b-navItem t0-b-navItem--size-3 t0-b-navItem--width- t0-b-navItem--align-" data-height-part="">
                                                <div data-cms-path="data.contents.0">
                                                    <span></span>
                                                    <div data-cms-contenteditable="data.contents.0.text">詳しくはこちらをクリック</div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="t0-b-frameWithHCaptionNumIcon2__numIcon--align t0-b-frameWithHCaptionNumIcon2__numIcon--align-">
                        <div class="t0-b-frameWithHCaptionNumIcon2__numIcon">
                            <div class="t0-b-frameWithHCaptionNumIcon2__iconPlacer">
                                <span class="t0-b-frameWithHCaptionNumIcon2__icon t0-b-frameWithHCaptionNumIcon2__icon--tokucho-4"></span>
                            </div>
                            <div class="t0-b-frameWithHCaptionNumIcon2__numIcon-bd">
                                <div class="t0-b-frameWithHCaptionNumIcon2__numIcon-caption-upper" data-cms-path="data.contents.19">平日お忙しい方のために</div>
                                <h4 class="t0-b-frameWithHCaptionNumIcon2__numIcon-h" data-cms-path="data.contents.20">土日祝日もご相談を受付</h4>
                                <div class="t0-b-frameWithHCaptionNumIcon2__numIcon-caption-lower" data-cms-path="data.contents.21">Open on holidays</div>
                            </div>
                        </div>
                    </div>
                    <div data-switchable-key="contents.23.switchable" class="t0-b-frameWithHCaptionNumIcon2__box t0-b-twoColsMedia--imgR ex-imageFloat">
                        <span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row4col1 outerHtml" data-cms-path="data.contents.22">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                            <div class="t0-b-media__caption">
                                                                <p data-cms-path="data.contents.3">
                                                                    画像の説明を入力してください(フォントが小さく設定された文章です)
                                                                </p>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-twoColsMedia__row4col2">
                                <div class="outerHtml" data-cms-path="data.contents.23">
                                    <div class="ex-leftSpacingTweak-">
                                        <div class="b-bPlacer-7s">
                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                <p>土日祝日もご相談を受け付けております。平日は仕事でいつも帰りが遅い方や、昼間は家事や育児で忙しい方など、ぜひご利用ください。</p>
                                            </div>
                                        </div>
                                    </div>
                                    <div>
                                        <div class="b-bPlacer-4s">
                                            <div class="t0-b-navItem t0-b-navItem--size-3 t0-b-navItem--width- t0-b-navItem--align-" data-height-part="">
                                                <div data-cms-path="data.contents.0">
                                                    <span></span>
                                                    <div data-cms-contenteditable="data.contents.0.text">詳しくはこちらをクリック</div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="t0-b-frameWithHCaptionNumIcon2__numIcon--align t0-b-frameWithHCaptionNumIcon2__numIcon--align-">
                        <div class="t0-b-frameWithHCaptionNumIcon2__numIcon">
                            <div class="t0-b-frameWithHCaptionNumIcon2__iconPlacer">
                                <span class="t0-b-frameWithHCaptionNumIcon2__icon t0-b-frameWithHCaptionNumIcon2__icon--tokucho-5"></span>
                            </div>
                            <div class="t0-b-frameWithHCaptionNumIcon2__numIcon-bd">
                                <div class="t0-b-frameWithHCaptionNumIcon2__numIcon-caption-upper" data-cms-path="data.contents.24">明朗会計で安心</div>
                                <h4 class="t0-b-frameWithHCaptionNumIcon2__numIcon-h" data-cms-path="data.contents.25">パッケージプラン</h4>
                                <div class="t0-b-frameWithHCaptionNumIcon2__numIcon-caption-lower" data-cms-path="data.contents.26">Package</div>
                            </div>
                        </div>
                    </div>
                    <div data-switchable-key="contents.28.switchable" class="t0-b-frameWithHCaptionNumIcon2__box t0-b-twoColsMedia--imgR ex-imageFloat">
                        <span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row5col1 outerHtml" data-cms-path="data.contents.27">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                            <div class="t0-b-media__caption">
                                                                <p data-cms-path="data.contents.3">
                                                                    画像の説明を入力してください(フォントが小さく設定された文章です)
                                                                </p>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-twoColsMedia__row5col2">
                                <div class="outerHtml" data-cms-path="data.contents.28">
                                    <div class="ex-leftSpacingTweak-">
                                        <div class="b-bPlacer-7s">
                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                <p>当社では、各業務、各種サービスの料金を明確に定め、明朗会計のパッケージプランをご用意しております。「何にいくらかかるのかわからない」といったご心配は不要です。</p>
                                            </div>
                                        </div>
                                    </div>
                                    <div>
                                        <div class="b-bPlacer-4s">
                                            <div class="t0-b-navItem t0-b-navItem--size-3 t0-b-navItem--width- t0-b-navItem--align-" data-height-part="">
                                                <div data-cms-path="data.contents.0">
                                                    <span></span>
                                                    <div data-cms-contenteditable="data.contents.0.text">詳しくはこちらをクリック</div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="t0-b-frameWithHCaptionNumIcon2__numIcon--align t0-b-frameWithHCaptionNumIcon2__numIcon--align-">
                        <div class="t0-b-frameWithHCaptionNumIcon2__numIcon">
                            <div class="t0-b-frameWithHCaptionNumIcon2__iconPlacer">
                                <span class="t0-b-frameWithHCaptionNumIcon2__icon t0-b-frameWithHCaptionNumIcon2__icon--tokucho-6"></span>
                            </div>
                            <div class="t0-b-frameWithHCaptionNumIcon2__numIcon-bd">
                                <div class="t0-b-frameWithHCaptionNumIcon2__numIcon-caption-upper" data-cms-path="data.contents.29">長くお付き合いしていきたいから</div>
                                <h4 class="t0-b-frameWithHCaptionNumIcon2__numIcon-h" data-cms-path="data.contents.30">充実のフォロー体制</h4>
                                <div class="t0-b-frameWithHCaptionNumIcon2__numIcon-caption-lower" data-cms-path="data.contents.31">After-sales Service</div>
                            </div>
                        </div>
                    </div>
                    <div data-switchable-key="contents.33.switchable" class="t0-b-frameWithHCaptionNumIcon2__box t0-b-twoColsMedia--imgR ex-imageFloat">
                        <span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row6col1 outerHtml" data-cms-path="data.contents.32">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                            <div class="t0-b-media__caption">
                                                                <p data-cms-path="data.contents.3">
                                                                    画像の説明を入力してください(フォントが小さく設定された文章です)
                                                                </p>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-twoColsMedia__row6col2">
                                <div class="outerHtml" data-cms-path="data.contents.33">
                                    <div class="ex-leftSpacingTweak-">
                                        <div class="b-bPlacer-7s">
                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                <p>当社では、単なる事務手続きだけでなく、充実のフォロー体制でお客さまをバックアップいたします。けっして○○して終わり、というわけではありませんので、安心してご相談ください。</p>
                                            </div>
                                        </div>
                                    </div>
                                    <div>
                                        <div class="b-bPlacer-4s">
                                            <div class="t0-b-navItem t0-b-navItem--size-3 t0-b-navItem--width- t0-b-navItem--align-" data-height-part="">
                                                <div data-cms-path="data.contents.0">
                                                    <span></span>
                                                    <div data-cms-contenteditable="data.contents.0.text">詳しくはこちらをクリック</div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="t0-b-frameWithHCaptionNumIcon2__numIcon--align t0-b-frameWithHCaptionNumIcon2__numIcon--align-">
                        <div class="t0-b-frameWithHCaptionNumIcon2__numIcon">
                            <div class="t0-b-frameWithHCaptionNumIcon2__iconPlacer">
                                <span class="t0-b-frameWithHCaptionNumIcon2__icon t0-b-frameWithHCaptionNumIcon2__icon--tokucho-7"></span>
                            </div>
                            <div class="t0-b-frameWithHCaptionNumIcon2__numIcon-bd">
                                <div class="t0-b-frameWithHCaptionNumIcon2__numIcon-caption-upper" data-cms-path="data.contents.34">○年以上の実績</div>
                                <h4 class="t0-b-frameWithHCaptionNumIcon2__numIcon-h" data-cms-path="data.contents.35">豊富な経験と高い技術力</h4>
                                <div class="t0-b-frameWithHCaptionNumIcon2__numIcon-caption-lower" data-cms-path="data.contents.36">Results</div>
                            </div>
                        </div>
                    </div>
                    <div data-switchable-key="contents.38.switchable" class="t0-b-frameWithHCaptionNumIcon2__box t0-b-twoColsMedia--imgR ex-imageFloat">
                        <span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row7col1 outerHtml" data-cms-path="data.contents.37">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                            <div class="t0-b-media__caption">
                                                                <p data-cms-path="data.contents.3">
                                                                    画像の説明を入力してください(フォントが小さく設定された文章です)
                                                                </p>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-twoColsMedia__row7col2">
                                <div class="outerHtml" data-cms-path="data.contents.38">
                                    <div class="ex-leftSpacingTweak-">
                                        <div class="b-bPlacer-7s">
                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                <p>当社には○年以上の豊富な経験と高い技術力がございます。これらを生かし、単なる○○だけでなく、あらゆるニーズにお応えいたします。</p>
                                            </div>
                                        </div>
                                    </div>
                                    <div>
                                        <div class="b-bPlacer-4s">
                                            <div class="t0-b-navItem t0-b-navItem--size-3 t0-b-navItem--width- t0-b-navItem--align-" data-height-part="">
                                                <div data-cms-path="data.contents.0">
                                                    <span></span>
                                                    <div data-cms-contenteditable="data.contents.0.text">詳しくはこちらをクリック</div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="t0-b-frameWithHCaptionNumIcon2__numIcon--align t0-b-frameWithHCaptionNumIcon2__numIcon--align-">
                        <div class="t0-b-frameWithHCaptionNumIcon2__numIcon">
                            <div class="t0-b-frameWithHCaptionNumIcon2__iconPlacer">
                                <span class="t0-b-frameWithHCaptionNumIcon2__icon t0-b-frameWithHCaptionNumIcon2__icon--tokucho-8"></span>
                            </div>
                            <div class="t0-b-frameWithHCaptionNumIcon2__numIcon-bd">
                                <div class="t0-b-frameWithHCaptionNumIcon2__numIcon-caption-upper" data-cms-path="data.contents.39">○年以上の実績</div>
                                <h4 class="t0-b-frameWithHCaptionNumIcon2__numIcon-h" data-cms-path="data.contents.40">豊富な経験と高い技術力</h4>
                                <div class="t0-b-frameWithHCaptionNumIcon2__numIcon-caption-lower" data-cms-path="data.contents.41">Results</div>
                            </div>
                        </div>
                    </div>
                    <div data-switchable-key="contents.43.switchable" class="t0-b-frameWithHCaptionNumIcon2__box t0-b-twoColsMedia--imgR ex-imageFloat">
                        <span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row8col1 outerHtml" data-cms-path="data.contents.42">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                            <div class="t0-b-media__caption">
                                                                <p data-cms-path="data.contents.3">
                                                                    画像の説明を入力してください(フォントが小さく設定された文章です)
                                                                </p>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-twoColsMedia__row8col2">
                                <div class="outerHtml" data-cms-path="data.contents.43">
                                    <div class="ex-leftSpacingTweak-">
                                        <div class="b-bPlacer-7s">
                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                <p>当社には○年以上の豊富な経験と高い技術力がございます。これらを生かし、単なる○○だけでなく、あらゆるニーズにお応えいたします。</p>
                                            </div>
                                        </div>
                                    </div>
                                    <div>
                                        <div class="b-bPlacer-4s">
                                            <div class="t0-b-navItem t0-b-navItem--size-3 t0-b-navItem--width- t0-b-navItem--align-" data-height-part="">
                                                <div data-cms-path="data.contents.0">
                                                    <span></span>
                                                    <div data-cms-contenteditable="data.contents.0.text">詳しくはこちらをクリック</div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="t0-b-frameWithHCaptionNumIcon2__numIcon--align t0-b-frameWithHCaptionNumIcon2__numIcon--align-">
                        <div class="t0-b-frameWithHCaptionNumIcon2__numIcon">
                            <div class="t0-b-frameWithHCaptionNumIcon2__iconPlacer">
                                <span class="t0-b-frameWithHCaptionNumIcon2__icon t0-b-frameWithHCaptionNumIcon2__icon--tokucho-9"></span>
                            </div>
                            <div class="t0-b-frameWithHCaptionNumIcon2__numIcon-bd">
                                <div class="t0-b-frameWithHCaptionNumIcon2__numIcon-caption-upper" data-cms-path="data.contents.44">○年以上の実績</div>
                                <h4 class="t0-b-frameWithHCaptionNumIcon2__numIcon-h" data-cms-path="data.contents.45">豊富な経験と高い技術力</h4>
                                <div class="t0-b-frameWithHCaptionNumIcon2__numIcon-caption-lower" data-cms-path="data.contents.46">Results</div>
                            </div>
                        </div>
                    </div>
                    <div data-switchable-key="contents.48.switchable" class="t0-b-frameWithHCaptionNumIcon2__box t0-b-twoColsMedia--imgR ex-imageFloat">
                        <span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row9col1 outerHtml" data-cms-path="data.contents.47">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                            <div class="t0-b-media__caption">
                                                                <p data-cms-path="data.contents.3">
                                                                    画像の説明を入力してください(フォントが小さく設定された文章です)
                                                                </p>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-twoColsMedia__row9col2">
                                <div class="outerHtml" data-cms-path="data.contents.48">
                                    <div class="ex-leftSpacingTweak-">
                                        <div class="b-bPlacer-7s">
                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                <p>当社には○年以上の豊富な経験と高い技術力がございます。これらを生かし、単なる○○だけでなく、あらゆるニーズにお応えいたします。</p>
                                            </div>
                                        </div>
                                    </div>
                                    <div>
                                        <div class="b-bPlacer-4s">
                                            <div class="t0-b-navItem t0-b-navItem--size-3 t0-b-navItem--width- t0-b-navItem--align-" data-height-part="">
                                                <div data-cms-path="data.contents.0">
                                                    <span></span>
                                                    <div data-cms-contenteditable="data.contents.0.text">詳しくはこちらをクリック</div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="t0-b-frameWithHCaptionNumIcon2__numIcon--align t0-b-frameWithHCaptionNumIcon2__numIcon--align-">
                        <div class="t0-b-frameWithHCaptionNumIcon2__numIcon">
                            <div class="t0-b-frameWithHCaptionNumIcon2__iconPlacer">
                                <span class="t0-b-frameWithHCaptionNumIcon2__icon t0-b-frameWithHCaptionNumIcon2__icon--tokucho-10"></span>
                            </div>
                            <div class="t0-b-frameWithHCaptionNumIcon2__numIcon-bd">
                                <div class="t0-b-frameWithHCaptionNumIcon2__numIcon-caption-upper" data-cms-path="data.contents.49">○年以上の実績</div>
                                <h4 class="t0-b-frameWithHCaptionNumIcon2__numIcon-h" data-cms-path="data.contents.50">豊富な経験と高い技術力</h4>
                                <div class="t0-b-frameWithHCaptionNumIcon2__numIcon-caption-lower" data-cms-path="data.contents.51">Results</div>
                            </div>
                        </div>
                    </div>
                    <div data-switchable-key="contents.53.switchable" class="t0-b-frameWithHCaptionNumIcon2__box t0-b-twoColsMedia--imgR ex-imageFloat">
                        <span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row10col1 outerHtml" data-cms-path="data.contents.52">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                            <div class="t0-b-media__caption">
                                                                <p data-cms-path="data.contents.3">
                                                                    画像の説明を入力してください(フォントが小さく設定された文章です)
                                                                </p>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-twoColsMedia__row10col2">
                                <div class="outerHtml" data-cms-path="data.contents.53">
                                    <div class="ex-leftSpacingTweak-">
                                        <div class="b-bPlacer-7s">
                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                <p>当社には○年以上の豊富な経験と高い技術力がございます。これらを生かし、単なる○○だけでなく、あらゆるニーズにお応えいたします。</p>
                                            </div>
                                        </div>
                                    </div>
                                    <div>
                                        <div class="b-bPlacer-4s">
                                            <div class="t0-b-navItem t0-b-navItem--size-3 t0-b-navItem--width- t0-b-navItem--align-" data-height-part="">
                                                <div data-cms-path="data.contents.0">
                                                    <span></span>
                                                    <div data-cms-contenteditable="data.contents.0.text">詳しくはこちらをクリック</div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="outerHtml" data-cms-path="data.contents.54"></div>
    </div>
</div>
大きい
バリエーション1
お客さまにお伝えしたい

当社の3つの特徴

characteristic

当社の3つの特徴について詳しくご紹介いたします。

○年以上の実績

豊富な経験と高い技術力

Results

画像の説明を入力してください(フォントが小さく設定された文章です)

当社には○年以上の豊富な経験と高い技術力がございます。これらを生かし、単なる○○だけでなく、あらゆるニーズにお応えいたします。

詳しくはこちらをクリック
地元の特性を把握

地域密着型

Community-based

画像の説明を入力してください(フォントが小さく設定された文章です)

地元で○年間、地域に密着して事業を行なってまいりました。周辺環境や地域の特性など、地元だからこそ把握していることを生かし、きめ細かいサービスを提供いたしております。

詳しくはこちらをクリック
お客さまとの対話を重視

時間をかけたカウンセリング

Counseling

画像の説明を入力してください(フォントが小さく設定された文章です)

お客さまごとにきちんとお時間をとり、丁寧なご説明を心がけております。お客さまにご納得いただけないままお手続きを進めるようなことは一切ございません。安心してご相談ください。

詳しくはこちらをクリック
平日お忙しい方のために

土日祝日もご相談を受付

Open on holidays

画像の説明を入力してください(フォントが小さく設定された文章です)

土日祝日もご相談を受け付けております。平日は仕事でいつも帰りが遅い方や、昼間は家事や育児で忙しい方など、ぜひご利用ください。

詳しくはこちらをクリック
明朗会計で安心

パッケージプラン

Package

画像の説明を入力してください(フォントが小さく設定された文章です)

当社では、各業務、各種サービスの料金を明確に定め、明朗会計のパッケージプランをご用意しております。「何にいくらかかるのかわからない」といったご心配は不要です。

詳しくはこちらをクリック
長くお付き合いしていきたいから

充実のフォロー体制

After-sales Service

画像の説明を入力してください(フォントが小さく設定された文章です)

当社では、単なる事務手続きだけでなく、充実のフォロー体制でお客さまをバックアップいたします。けっして○○して終わり、というわけではありませんので、安心してご相談ください。

詳しくはこちらをクリック
○年以上の実績

豊富な経験と高い技術力

Results

画像の説明を入力してください(フォントが小さく設定された文章です)

当社には○年以上の豊富な経験と高い技術力がございます。これらを生かし、単なる○○だけでなく、あらゆるニーズにお応えいたします。

詳しくはこちらをクリック
○年以上の実績

豊富な経験と高い技術力

Results

画像の説明を入力してください(フォントが小さく設定された文章です)

当社には○年以上の豊富な経験と高い技術力がございます。これらを生かし、単なる○○だけでなく、あらゆるニーズにお応えいたします。

詳しくはこちらをクリック
○年以上の実績

豊富な経験と高い技術力

Results

画像の説明を入力してください(フォントが小さく設定された文章です)

当社には○年以上の豊富な経験と高い技術力がございます。これらを生かし、単なる○○だけでなく、あらゆるニーズにお応えいたします。

詳しくはこちらをクリック
○年以上の実績

豊富な経験と高い技術力

Results

画像の説明を入力してください(フォントが小さく設定された文章です)

当社には○年以上の豊富な経験と高い技術力がございます。これらを生かし、単なる○○だけでなく、あらゆるニーズにお応えいたします。

詳しくはこちらをクリック
<div>
    <div class="b-bPlacer-12s">
        <div class="outerHtml" data-cms-path="data.contents.55"></div>
        <div class="t0-b-frameWithHCaptionNumIcon">
            <span><span><span></span></span></span>
            <div data-switchable-key="contents.1.switchable" class="t0-b-frameWithHCaptionNumIcon__hd t0-b-frameWithHCaptionNumIcon__hd--align-">
                <span><span><span></span></span></span>
                <div class="t0-b-frameWithHCaptionNumIcon__hd-caption-upper" data-cms-path="data.contents.0">お客さまにお伝えしたい</div>
                <div class="t0-b-frameWithHCaptionNumIcon__hd-h">
                    <h3 data-cms-path="data.contents.1">当社の3つの特徴</h3>
                </div>
                <div class="t0-b-frameWithHCaptionNumIcon__hd-caption-lower" data-cms-path="data.contents.2">characteristic</div>
            </div>
            <div class="t0-b-frameWithHCaptionNumIcon__bd">
                <span><span><span></span></span></span>
                <div class="b-bPlacer-7s">
                    <div class="t0-b-wysiwyg">
                        <p data-cms-path="data.contents.3">当社の3つの特徴について詳しくご紹介いたします。</p>
                    </div>
                </div>
                <div class="t0-b-twoColsMedia t0-b-twoColsMedia--colW-m ex-spLayout__horizon">
                    <div class="t0-b-frameWithHCaptionNumIcon__numIcon--align t0-b-frameWithHCaptionNumIcon__numIcon--align-">
                        <div class="t0-b-frameWithHCaptionNumIcon__numIcon">
                            <div class="t0-b-frameWithHCaptionNumIcon__iconPlacer">
                                <span class="t0-b-frameWithHCaptionNumIcon__icon t0-b-frameWithHCaptionNumIcon__icon--tokucho-1"></span>
                            </div>
                            <div class="t0-b-frameWithHCaptionNumIcon__numIcon-bd">
                                <div class="t0-b-frameWithHCaptionNumIcon__numIcon-caption-upper" data-cms-path="data.contents.4">○年以上の実績</div>
                                <h4 class="t0-b-frameWithHCaptionNumIcon__numIcon-h" data-cms-path="data.contents.5">豊富な経験と高い技術力</h4>
                                <div class="t0-b-frameWithHCaptionNumIcon__numIcon-caption-lower" data-cms-path="data.contents.6">Results</div>
                            </div>
                        </div>
                    </div>
                    <div class="t0-b-frameWithHCaptionNumIcon__box t0-b-twoColsMedia--imgR ex-imageFloat">
                        <span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row1col1 outerHtml" data-cms-path="data.contents.7">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                            <div class="t0-b-media__caption">
                                                                <p data-cms-path="data.contents.3">
                                                                    画像の説明を入力してください(フォントが小さく設定された文章です)
                                                                </p>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-twoColsMedia__row1col2">
                                <div class="outerHtml" data-cms-path="data.contents.8">
                                    <div class="ex-leftSpacingTweak-">
                                        <div class="b-bPlacer-7s">
                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                <p>当社には○年以上の豊富な経験と高い技術力がございます。これらを生かし、単なる○○だけでなく、あらゆるニーズにお応えいたします。</p>
                                            </div>
                                        </div>
                                    </div>
                                    <div>
                                        <div class="b-bPlacer-4s">
                                            <div class="t0-b-navItem t0-b-navItem--size-3 t0-b-navItem--width- t0-b-navItem--align-" data-height-part="">
                                                <div data-cms-path="data.contents.0">
                                                    <span></span>
                                                    <div data-cms-contenteditable="data.contents.0.text">詳しくはこちらをクリック</div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="t0-b-frameWithHCaptionNumIcon__numIcon--align t0-b-frameWithHCaptionNumIcon__numIcon--align-">
                        <div class="t0-b-frameWithHCaptionNumIcon__numIcon">
                            <div class="t0-b-frameWithHCaptionNumIcon__iconPlacer">
                                <span class="t0-b-frameWithHCaptionNumIcon__icon t0-b-frameWithHCaptionNumIcon__icon--tokucho-2"></span>
                            </div>
                            <div class="t0-b-frameWithHCaptionNumIcon__numIcon-bd">
                                <div class="t0-b-frameWithHCaptionNumIcon__numIcon-caption-upper" data-cms-path="data.contents.9">地元の特性を把握</div>
                                <h4 class="t0-b-frameWithHCaptionNumIcon__numIcon-h" data-cms-path="data.contents.10">地域密着型</h4>
                                <div class="t0-b-frameWithHCaptionNumIcon__numIcon-caption-lower" data-cms-path="data.contents.11">Community-based</div>
                            </div>
                        </div>
                    </div>
                    <div data-switchable-key="contents.13.switchable" class="t0-b-frameWithHCaptionNumIcon__box t0-b-twoColsMedia--imgR ex-imageFloat">
                        <span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row2col1 outerHtml" data-cms-path="data.contents.12">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                            <div class="t0-b-media__caption">
                                                                <p data-cms-path="data.contents.3">
                                                                    画像の説明を入力してください(フォントが小さく設定された文章です)
                                                                </p>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-twoColsMedia__row2col2">
                                <div class="outerHtml" data-cms-path="data.contents.13">
                                    <div class="ex-leftSpacingTweak-">
                                        <div class="b-bPlacer-7s">
                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                <p>地元で○年間、地域に密着して事業を行なってまいりました。周辺環境や地域の特性など、地元だからこそ把握していることを生かし、きめ細かいサービスを提供いたしております。</p>
                                            </div>
                                        </div>
                                    </div>
                                    <div>
                                        <div class="b-bPlacer-4s">
                                            <div class="t0-b-navItem t0-b-navItem--size-3 t0-b-navItem--width- t0-b-navItem--align-" data-height-part="">
                                                <div data-cms-path="data.contents.0">
                                                    <span></span>
                                                    <div data-cms-contenteditable="data.contents.0.text">詳しくはこちらをクリック</div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="t0-b-frameWithHCaptionNumIcon__numIcon--align t0-b-frameWithHCaptionNumIcon__numIcon--align-">
                        <div class="t0-b-frameWithHCaptionNumIcon__numIcon">
                            <div class="t0-b-frameWithHCaptionNumIcon__iconPlacer">
                                <span class="t0-b-frameWithHCaptionNumIcon__icon t0-b-frameWithHCaptionNumIcon__icon--tokucho-3"></span>
                            </div>
                            <div class="t0-b-frameWithHCaptionNumIcon__numIcon-bd">
                                <div class="t0-b-frameWithHCaptionNumIcon__numIcon-caption-upper" data-cms-path="data.contents.14">お客さまとの対話を重視</div>
                                <h4 class="t0-b-frameWithHCaptionNumIcon__numIcon-h" data-cms-path="data.contents.15">時間をかけたカウンセリング</h4>
                                <div class="t0-b-frameWithHCaptionNumIcon__numIcon-caption-lower" data-cms-path="data.contents.16">Counseling</div>
                            </div>
                        </div>
                    </div>
                    <div data-switchable-key="contents.18.switchable" class="t0-b-frameWithHCaptionNumIcon__box t0-b-twoColsMedia--imgR ex-imageFloat">
                        <span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row3col1 outerHtml" data-cms-path="data.contents.17">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                            <div class="t0-b-media__caption">
                                                                <p data-cms-path="data.contents.3">
                                                                    画像の説明を入力してください(フォントが小さく設定された文章です)
                                                                </p>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-twoColsMedia__row3col2">
                                <div class="outerHtml" data-cms-path="data.contents.18">
                                    <div class="ex-leftSpacingTweak-">
                                        <div class="b-bPlacer-7s">
                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                <p>お客さまごとにきちんとお時間をとり、丁寧なご説明を心がけております。お客さまにご納得いただけないままお手続きを進めるようなことは一切ございません。安心してご相談ください。</p>
                                            </div>
                                        </div>
                                    </div>
                                    <div>
                                        <div class="b-bPlacer-4s">
                                            <div class="t0-b-navItem t0-b-navItem--size-3 t0-b-navItem--width- t0-b-navItem--align-" data-height-part="">
                                                <div data-cms-path="data.contents.0">
                                                    <span></span>
                                                    <div data-cms-contenteditable="data.contents.0.text">詳しくはこちらをクリック</div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="t0-b-frameWithHCaptionNumIcon__numIcon--align t0-b-frameWithHCaptionNumIcon__numIcon--align-">
                        <div class="t0-b-frameWithHCaptionNumIcon__numIcon">
                            <div class="t0-b-frameWithHCaptionNumIcon__iconPlacer">
                                <span class="t0-b-frameWithHCaptionNumIcon__icon t0-b-frameWithHCaptionNumIcon__icon--tokucho-4"></span>
                            </div>
                            <div class="t0-b-frameWithHCaptionNumIcon__numIcon-bd">
                                <div class="t0-b-frameWithHCaptionNumIcon__numIcon-caption-upper" data-cms-path="data.contents.19">平日お忙しい方のために</div>
                                <h4 class="t0-b-frameWithHCaptionNumIcon__numIcon-h" data-cms-path="data.contents.20">土日祝日もご相談を受付</h4>
                                <div class="t0-b-frameWithHCaptionNumIcon__numIcon-caption-lower" data-cms-path="data.contents.21">Open on holidays</div>
                            </div>
                        </div>
                    </div>
                    <div data-switchable-key="contents.23.switchable" class="t0-b-frameWithHCaptionNumIcon__box t0-b-twoColsMedia--imgR ex-imageFloat">
                        <span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row4col1 outerHtml" data-cms-path="data.contents.22">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                            <div class="t0-b-media__caption">
                                                                <p data-cms-path="data.contents.3">
                                                                    画像の説明を入力してください(フォントが小さく設定された文章です)
                                                                </p>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-twoColsMedia__row4col2">
                                <div class="outerHtml" data-cms-path="data.contents.23">
                                    <div class="ex-leftSpacingTweak-">
                                        <div class="b-bPlacer-7s">
                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                <p>土日祝日もご相談を受け付けております。平日は仕事でいつも帰りが遅い方や、昼間は家事や育児で忙しい方など、ぜひご利用ください。</p>
                                            </div>
                                        </div>
                                    </div>
                                    <div>
                                        <div class="b-bPlacer-4s">
                                            <div class="t0-b-navItem t0-b-navItem--size-3 t0-b-navItem--width- t0-b-navItem--align-" data-height-part="">
                                                <div data-cms-path="data.contents.0">
                                                    <span></span>
                                                    <div data-cms-contenteditable="data.contents.0.text">詳しくはこちらをクリック</div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="t0-b-frameWithHCaptionNumIcon__numIcon--align t0-b-frameWithHCaptionNumIcon__numIcon--align-">
                        <div class="t0-b-frameWithHCaptionNumIcon__numIcon">
                            <div class="t0-b-frameWithHCaptionNumIcon__iconPlacer">
                                <span class="t0-b-frameWithHCaptionNumIcon__icon t0-b-frameWithHCaptionNumIcon__icon--tokucho-5"></span>
                            </div>
                            <div class="t0-b-frameWithHCaptionNumIcon__numIcon-bd">
                                <div class="t0-b-frameWithHCaptionNumIcon__numIcon-caption-upper" data-cms-path="data.contents.24">明朗会計で安心</div>
                                <h4 class="t0-b-frameWithHCaptionNumIcon__numIcon-h" data-cms-path="data.contents.25">パッケージプラン</h4>
                                <div class="t0-b-frameWithHCaptionNumIcon__numIcon-caption-lower" data-cms-path="data.contents.26">Package</div>
                            </div>
                        </div>
                    </div>
                    <div data-switchable-key="contents.28.switchable" class="t0-b-frameWithHCaptionNumIcon__box t0-b-twoColsMedia--imgR ex-imageFloat">
                        <span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row5col1 outerHtml" data-cms-path="data.contents.27">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                            <div class="t0-b-media__caption">
                                                                <p data-cms-path="data.contents.3">
                                                                    画像の説明を入力してください(フォントが小さく設定された文章です)
                                                                </p>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-twoColsMedia__row5col2">
                                <div class="outerHtml" data-cms-path="data.contents.28">
                                    <div class="ex-leftSpacingTweak-">
                                        <div class="b-bPlacer-7s">
                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                <p>当社では、各業務、各種サービスの料金を明確に定め、明朗会計のパッケージプランをご用意しております。「何にいくらかかるのかわからない」といったご心配は不要です。</p>
                                            </div>
                                        </div>
                                    </div>
                                    <div>
                                        <div class="b-bPlacer-4s">
                                            <div class="t0-b-navItem t0-b-navItem--size-3 t0-b-navItem--width- t0-b-navItem--align-" data-height-part="">
                                                <div data-cms-path="data.contents.0">
                                                    <span></span>
                                                    <div data-cms-contenteditable="data.contents.0.text">詳しくはこちらをクリック</div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="t0-b-frameWithHCaptionNumIcon__numIcon--align t0-b-frameWithHCaptionNumIcon__numIcon--align-">
                        <div class="t0-b-frameWithHCaptionNumIcon__numIcon">
                            <div class="t0-b-frameWithHCaptionNumIcon__iconPlacer">
                                <span class="t0-b-frameWithHCaptionNumIcon__icon t0-b-frameWithHCaptionNumIcon__icon--tokucho-6"></span>
                            </div>
                            <div class="t0-b-frameWithHCaptionNumIcon__numIcon-bd">
                                <div class="t0-b-frameWithHCaptionNumIcon__numIcon-caption-upper" data-cms-path="data.contents.29">長くお付き合いしていきたいから</div>
                                <h4 class="t0-b-frameWithHCaptionNumIcon__numIcon-h" data-cms-path="data.contents.30">充実のフォロー体制</h4>
                                <div class="t0-b-frameWithHCaptionNumIcon__numIcon-caption-lower" data-cms-path="data.contents.31">After-sales Service</div>
                            </div>
                        </div>
                    </div>
                    <div data-switchable-key="contents.33.switchable" class="t0-b-frameWithHCaptionNumIcon__box t0-b-twoColsMedia--imgR ex-imageFloat">
                        <span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row6col1 outerHtml" data-cms-path="data.contents.32">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                            <div class="t0-b-media__caption">
                                                                <p data-cms-path="data.contents.3">
                                                                    画像の説明を入力してください(フォントが小さく設定された文章です)
                                                                </p>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-twoColsMedia__row6col2">
                                <div class="outerHtml" data-cms-path="data.contents.33">
                                    <div class="ex-leftSpacingTweak-">
                                        <div class="b-bPlacer-7s">
                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                <p>当社では、単なる事務手続きだけでなく、充実のフォロー体制でお客さまをバックアップいたします。けっして○○して終わり、というわけではありませんので、安心してご相談ください。</p>
                                            </div>
                                        </div>
                                    </div>
                                    <div>
                                        <div class="b-bPlacer-4s">
                                            <div class="t0-b-navItem t0-b-navItem--size-3 t0-b-navItem--width- t0-b-navItem--align-" data-height-part="">
                                                <div data-cms-path="data.contents.0">
                                                    <span></span>
                                                    <div data-cms-contenteditable="data.contents.0.text">詳しくはこちらをクリック</div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="t0-b-frameWithHCaptionNumIcon__numIcon--align t0-b-frameWithHCaptionNumIcon__numIcon--align-">
                        <div class="t0-b-frameWithHCaptionNumIcon__numIcon">
                            <div class="t0-b-frameWithHCaptionNumIcon__iconPlacer">
                                <span class="t0-b-frameWithHCaptionNumIcon__icon t0-b-frameWithHCaptionNumIcon__icon--tokucho-7"></span>
                            </div>
                            <div class="t0-b-frameWithHCaptionNumIcon__numIcon-bd">
                                <div class="t0-b-frameWithHCaptionNumIcon__numIcon-caption-upper" data-cms-path="data.contents.34">○年以上の実績</div>
                                <h4 class="t0-b-frameWithHCaptionNumIcon__numIcon-h" data-cms-path="data.contents.35">豊富な経験と高い技術力</h4>
                                <div class="t0-b-frameWithHCaptionNumIcon__numIcon-caption-lower" data-cms-path="data.contents.36">Results</div>
                            </div>
                        </div>
                    </div>
                    <div data-switchable-key="contents.38.switchable" class="t0-b-frameWithHCaptionNumIcon__box t0-b-twoColsMedia--imgR ex-imageFloat">
                        <span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row7col1 outerHtml" data-cms-path="data.contents.37">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                            <div class="t0-b-media__caption">
                                                                <p data-cms-path="data.contents.3">
                                                                    画像の説明を入力してください(フォントが小さく設定された文章です)
                                                                </p>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-twoColsMedia__row7col2">
                                <div class="outerHtml" data-cms-path="data.contents.38">
                                    <div class="ex-leftSpacingTweak-">
                                        <div class="b-bPlacer-7s">
                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                <p>当社には○年以上の豊富な経験と高い技術力がございます。これらを生かし、単なる○○だけでなく、あらゆるニーズにお応えいたします。</p>
                                            </div>
                                        </div>
                                    </div>
                                    <div>
                                        <div class="b-bPlacer-4s">
                                            <div class="t0-b-navItem t0-b-navItem--size-3 t0-b-navItem--width- t0-b-navItem--align-" data-height-part="">
                                                <div data-cms-path="data.contents.0">
                                                    <span></span>
                                                    <div data-cms-contenteditable="data.contents.0.text">詳しくはこちらをクリック</div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="t0-b-frameWithHCaptionNumIcon__numIcon--align t0-b-frameWithHCaptionNumIcon__numIcon--align-">
                        <div class="t0-b-frameWithHCaptionNumIcon__numIcon">
                            <div class="t0-b-frameWithHCaptionNumIcon__iconPlacer">
                                <span class="t0-b-frameWithHCaptionNumIcon__icon t0-b-frameWithHCaptionNumIcon__icon--tokucho-8"></span>
                            </div>
                            <div class="t0-b-frameWithHCaptionNumIcon__numIcon-bd">
                                <div class="t0-b-frameWithHCaptionNumIcon__numIcon-caption-upper" data-cms-path="data.contents.39">○年以上の実績</div>
                                <h4 class="t0-b-frameWithHCaptionNumIcon__numIcon-h" data-cms-path="data.contents.40">豊富な経験と高い技術力</h4>
                                <div class="t0-b-frameWithHCaptionNumIcon__numIcon-caption-lower" data-cms-path="data.contents.41">Results</div>
                            </div>
                        </div>
                    </div>
                    <div data-switchable-key="contents.43.switchable" class="t0-b-frameWithHCaptionNumIcon__box t0-b-twoColsMedia--imgR ex-imageFloat">
                        <span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row8col1 outerHtml" data-cms-path="data.contents.42">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                            <div class="t0-b-media__caption">
                                                                <p data-cms-path="data.contents.3">
                                                                    画像の説明を入力してください(フォントが小さく設定された文章です)
                                                                </p>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-twoColsMedia__row8col2">
                                <div class="outerHtml" data-cms-path="data.contents.43">
                                    <div class="ex-leftSpacingTweak-">
                                        <div class="b-bPlacer-7s">
                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                <p>当社には○年以上の豊富な経験と高い技術力がございます。これらを生かし、単なる○○だけでなく、あらゆるニーズにお応えいたします。</p>
                                            </div>
                                        </div>
                                    </div>
                                    <div>
                                        <div class="b-bPlacer-4s">
                                            <div class="t0-b-navItem t0-b-navItem--size-3 t0-b-navItem--width- t0-b-navItem--align-" data-height-part="">
                                                <div data-cms-path="data.contents.0">
                                                    <span></span>
                                                    <div data-cms-contenteditable="data.contents.0.text">詳しくはこちらをクリック</div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="t0-b-frameWithHCaptionNumIcon__numIcon--align t0-b-frameWithHCaptionNumIcon__numIcon--align-">
                        <div class="t0-b-frameWithHCaptionNumIcon__numIcon">
                            <div class="t0-b-frameWithHCaptionNumIcon__iconPlacer">
                                <span class="t0-b-frameWithHCaptionNumIcon__icon t0-b-frameWithHCaptionNumIcon__icon--tokucho-9"></span>
                            </div>
                            <div class="t0-b-frameWithHCaptionNumIcon__numIcon-bd">
                                <div class="t0-b-frameWithHCaptionNumIcon__numIcon-caption-upper" data-cms-path="data.contents.44">○年以上の実績</div>
                                <h4 class="t0-b-frameWithHCaptionNumIcon__numIcon-h" data-cms-path="data.contents.45">豊富な経験と高い技術力</h4>
                                <div class="t0-b-frameWithHCaptionNumIcon__numIcon-caption-lower" data-cms-path="data.contents.46">Results</div>
                            </div>
                        </div>
                    </div>
                    <div data-switchable-key="contents.48.switchable" class="t0-b-frameWithHCaptionNumIcon__box t0-b-twoColsMedia--imgR ex-imageFloat">
                        <span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row9col1 outerHtml" data-cms-path="data.contents.47">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                            <div class="t0-b-media__caption">
                                                                <p data-cms-path="data.contents.3">
                                                                    画像の説明を入力してください(フォントが小さく設定された文章です)
                                                                </p>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-twoColsMedia__row9col2">
                                <div class="outerHtml" data-cms-path="data.contents.48">
                                    <div class="ex-leftSpacingTweak-">
                                        <div class="b-bPlacer-7s">
                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                <p>当社には○年以上の豊富な経験と高い技術力がございます。これらを生かし、単なる○○だけでなく、あらゆるニーズにお応えいたします。</p>
                                            </div>
                                        </div>
                                    </div>
                                    <div>
                                        <div class="b-bPlacer-4s">
                                            <div class="t0-b-navItem t0-b-navItem--size-3 t0-b-navItem--width- t0-b-navItem--align-" data-height-part="">
                                                <div data-cms-path="data.contents.0">
                                                    <span></span>
                                                    <div data-cms-contenteditable="data.contents.0.text">詳しくはこちらをクリック</div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="t0-b-frameWithHCaptionNumIcon__numIcon--align t0-b-frameWithHCaptionNumIcon__numIcon--align-">
                        <div class="t0-b-frameWithHCaptionNumIcon__numIcon">
                            <div class="t0-b-frameWithHCaptionNumIcon__iconPlacer">
                                <span class="t0-b-frameWithHCaptionNumIcon__icon t0-b-frameWithHCaptionNumIcon__icon--tokucho-10"></span>
                            </div>
                            <div class="t0-b-frameWithHCaptionNumIcon__numIcon-bd">
                                <div class="t0-b-frameWithHCaptionNumIcon__numIcon-caption-upper" data-cms-path="data.contents.49">○年以上の実績</div>
                                <h4 class="t0-b-frameWithHCaptionNumIcon__numIcon-h" data-cms-path="data.contents.50">豊富な経験と高い技術力</h4>
                                <div class="t0-b-frameWithHCaptionNumIcon__numIcon-caption-lower" data-cms-path="data.contents.51">Results</div>
                            </div>
                        </div>
                    </div>
                    <div data-switchable-key="contents.53.switchable" class="t0-b-frameWithHCaptionNumIcon__box t0-b-twoColsMedia--imgR ex-imageFloat">
                        <span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row10col1 outerHtml" data-cms-path="data.contents.52">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                            <div class="t0-b-media__caption">
                                                                <p data-cms-path="data.contents.3">
                                                                    画像の説明を入力してください(フォントが小さく設定された文章です)
                                                                </p>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-twoColsMedia__row10col2">
                                <div class="outerHtml" data-cms-path="data.contents.53">
                                    <div class="ex-leftSpacingTweak-">
                                        <div class="b-bPlacer-7s">
                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                <p>当社には○年以上の豊富な経験と高い技術力がございます。これらを生かし、単なる○○だけでなく、あらゆるニーズにお応えいたします。</p>
                                            </div>
                                        </div>
                                    </div>
                                    <div>
                                        <div class="b-bPlacer-4s">
                                            <div class="t0-b-navItem t0-b-navItem--size-3 t0-b-navItem--width- t0-b-navItem--align-" data-height-part="">
                                                <div data-cms-path="data.contents.0">
                                                    <span></span>
                                                    <div data-cms-contenteditable="data.contents.0.text">詳しくはこちらをクリック</div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="outerHtml" data-cms-path="data.contents.54"></div>
    </div>
</div>
大きい
バリエーション2
お客さまにお伝えしたい

当社の3つの特徴

characteristic

当社の3つの特徴について詳しくご紹介いたします。

○年以上の実績

豊富な経験と高い技術力

Results

画像の説明を入力してください(フォントが小さく設定された文章です)

当社には○年以上の豊富な経験と高い技術力がございます。これらを生かし、単なる○○だけでなく、あらゆるニーズにお応えいたします。

詳しくはこちらをクリック
地元の特性を把握

地域密着型

Community-based

画像の説明を入力してください(フォントが小さく設定された文章です)

地元で○年間、地域に密着して事業を行なってまいりました。周辺環境や地域の特性など、地元だからこそ把握していることを生かし、きめ細かいサービスを提供いたしております。

詳しくはこちらをクリック
お客さまとの対話を重視

時間をかけたカウンセリング

Counseling

画像の説明を入力してください(フォントが小さく設定された文章です)

お客さまごとにきちんとお時間をとり、丁寧なご説明を心がけております。お客さまにご納得いただけないままお手続きを進めるようなことは一切ございません。安心してご相談ください。

詳しくはこちらをクリック
平日お忙しい方のために

土日祝日もご相談を受付

Open on holidays

画像の説明を入力してください(フォントが小さく設定された文章です)

土日祝日もご相談を受け付けております。平日は仕事でいつも帰りが遅い方や、昼間は家事や育児で忙しい方など、ぜひご利用ください。

詳しくはこちらをクリック
明朗会計で安心

パッケージプラン

Package

画像の説明を入力してください(フォントが小さく設定された文章です)

当社では、各業務、各種サービスの料金を明確に定め、明朗会計のパッケージプランをご用意しております。「何にいくらかかるのかわからない」といったご心配は不要です。

詳しくはこちらをクリック
長くお付き合いしていきたいから

充実のフォロー体制

After-sales Service

画像の説明を入力してください(フォントが小さく設定された文章です)

当社では、単なる事務手続きだけでなく、充実のフォロー体制でお客さまをバックアップいたします。けっして○○して終わり、というわけではありませんので、安心してご相談ください。

詳しくはこちらをクリック
○年以上の実績

豊富な経験と高い技術力

Results

画像の説明を入力してください(フォントが小さく設定された文章です)

当社には○年以上の豊富な経験と高い技術力がございます。これらを生かし、単なる○○だけでなく、あらゆるニーズにお応えいたします。

詳しくはこちらをクリック
○年以上の実績

豊富な経験と高い技術力

Results

画像の説明を入力してください(フォントが小さく設定された文章です)

当社には○年以上の豊富な経験と高い技術力がございます。これらを生かし、単なる○○だけでなく、あらゆるニーズにお応えいたします。

詳しくはこちらをクリック
○年以上の実績

豊富な経験と高い技術力

Results

画像の説明を入力してください(フォントが小さく設定された文章です)

当社には○年以上の豊富な経験と高い技術力がございます。これらを生かし、単なる○○だけでなく、あらゆるニーズにお応えいたします。

詳しくはこちらをクリック
○年以上の実績

豊富な経験と高い技術力

Results

画像の説明を入力してください(フォントが小さく設定された文章です)

当社には○年以上の豊富な経験と高い技術力がございます。これらを生かし、単なる○○だけでなく、あらゆるニーズにお応えいたします。

詳しくはこちらをクリック
<div>
    <div class="b-bPlacer-12s">
        <div class="outerHtml" data-cms-path="data.contents.55"></div>
        <div class="t0-b-frameWithHCaptionNumIcon2">
            <span><span><span></span></span></span>
            <div data-switchable-key="contents.1.switchable" class="t0-b-frameWithHCaptionNumIcon2__hd t0-b-frameWithHCaptionNumIcon2__hd--align-">
                <span><span><span></span></span></span>
                <div class="t0-b-frameWithHCaptionNumIcon2__hd-caption-upper" data-cms-path="data.contents.0">お客さまにお伝えしたい</div>
                <div class="t0-b-frameWithHCaptionNumIcon2__hd-h">
                    <h3 data-cms-path="data.contents.1">当社の3つの特徴</h3>
                </div>
                <div class="t0-b-frameWithHCaptionNumIcon2__hd-caption-lower" data-cms-path="data.contents.2">characteristic</div>
            </div>
            <div class="t0-b-frameWithHCaptionNumIcon2__bd">
                <span><span><span></span></span></span>
                <div class="b-bPlacer-7s">
                    <div class="t0-b-wysiwyg">
                        <p data-cms-path="data.contents.3">当社の3つの特徴について詳しくご紹介いたします。</p>
                    </div>
                </div>
                <div class="t0-b-twoColsMedia t0-b-twoColsMedia--colW-m ex-spLayout__horizon">
                    <div class="t0-b-frameWithHCaptionNumIcon2__numIcon--align t0-b-frameWithHCaptionNumIcon2__numIcon--align-">
                        <div class="t0-b-frameWithHCaptionNumIcon2__numIcon">
                            <div class="t0-b-frameWithHCaptionNumIcon2__iconPlacer">
                                <span class="t0-b-frameWithHCaptionNumIcon2__icon t0-b-frameWithHCaptionNumIcon2__icon--tokucho-1"></span>
                            </div>
                            <div class="t0-b-frameWithHCaptionNumIcon2__numIcon-bd">
                                <div class="t0-b-frameWithHCaptionNumIcon2__numIcon-caption-upper" data-cms-path="data.contents.4">○年以上の実績</div>
                                <h4 class="t0-b-frameWithHCaptionNumIcon2__numIcon-h" data-cms-path="data.contents.5">豊富な経験と高い技術力</h4>
                                <div class="t0-b-frameWithHCaptionNumIcon2__numIcon-caption-lower" data-cms-path="data.contents.6">Results</div>
                            </div>
                        </div>
                    </div>
                    <div class="t0-b-frameWithHCaptionNumIcon2__box t0-b-twoColsMedia--imgR ex-imageFloat">
                        <span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row1col1 outerHtml" data-cms-path="data.contents.7">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                            <div class="t0-b-media__caption">
                                                                <p data-cms-path="data.contents.3">
                                                                    画像の説明を入力してください(フォントが小さく設定された文章です)
                                                                </p>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-twoColsMedia__row1col2">
                                <div class="outerHtml" data-cms-path="data.contents.8">
                                    <div class="ex-leftSpacingTweak-">
                                        <div class="b-bPlacer-7s">
                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                <p>当社には○年以上の豊富な経験と高い技術力がございます。これらを生かし、単なる○○だけでなく、あらゆるニーズにお応えいたします。</p>
                                            </div>
                                        </div>
                                    </div>
                                    <div>
                                        <div class="b-bPlacer-4s">
                                            <div class="t0-b-navItem t0-b-navItem--size-3 t0-b-navItem--width- t0-b-navItem--align-" data-height-part="">
                                                <div data-cms-path="data.contents.0">
                                                    <span></span>
                                                    <div data-cms-contenteditable="data.contents.0.text">詳しくはこちらをクリック</div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="t0-b-frameWithHCaptionNumIcon2__numIcon--align t0-b-frameWithHCaptionNumIcon2__numIcon--align-">
                        <div class="t0-b-frameWithHCaptionNumIcon2__numIcon">
                            <div class="t0-b-frameWithHCaptionNumIcon2__iconPlacer">
                                <span class="t0-b-frameWithHCaptionNumIcon2__icon t0-b-frameWithHCaptionNumIcon2__icon--tokucho-2"></span>
                            </div>
                            <div class="t0-b-frameWithHCaptionNumIcon2__numIcon-bd">
                                <div class="t0-b-frameWithHCaptionNumIcon2__numIcon-caption-upper" data-cms-path="data.contents.9">地元の特性を把握</div>
                                <h4 class="t0-b-frameWithHCaptionNumIcon2__numIcon-h" data-cms-path="data.contents.10">地域密着型</h4>
                                <div class="t0-b-frameWithHCaptionNumIcon2__numIcon-caption-lower" data-cms-path="data.contents.11">Community-based</div>
                            </div>
                        </div>
                    </div>
                    <div data-switchable-key="contents.13.switchable" class="t0-b-frameWithHCaptionNumIcon2__box t0-b-twoColsMedia--imgR ex-imageFloat">
                        <span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row2col1 outerHtml" data-cms-path="data.contents.12">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                            <div class="t0-b-media__caption">
                                                                <p data-cms-path="data.contents.3">
                                                                    画像の説明を入力してください(フォントが小さく設定された文章です)
                                                                </p>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-twoColsMedia__row2col2">
                                <div class="outerHtml" data-cms-path="data.contents.13">
                                    <div class="ex-leftSpacingTweak-">
                                        <div class="b-bPlacer-7s">
                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                <p>地元で○年間、地域に密着して事業を行なってまいりました。周辺環境や地域の特性など、地元だからこそ把握していることを生かし、きめ細かいサービスを提供いたしております。</p>
                                            </div>
                                        </div>
                                    </div>
                                    <div>
                                        <div class="b-bPlacer-4s">
                                            <div class="t0-b-navItem t0-b-navItem--size-3 t0-b-navItem--width- t0-b-navItem--align-" data-height-part="">
                                                <div data-cms-path="data.contents.0">
                                                    <span></span>
                                                    <div data-cms-contenteditable="data.contents.0.text">詳しくはこちらをクリック</div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="t0-b-frameWithHCaptionNumIcon2__numIcon--align t0-b-frameWithHCaptionNumIcon2__numIcon--align-">
                        <div class="t0-b-frameWithHCaptionNumIcon2__numIcon">
                            <div class="t0-b-frameWithHCaptionNumIcon2__iconPlacer">
                                <span class="t0-b-frameWithHCaptionNumIcon2__icon t0-b-frameWithHCaptionNumIcon2__icon--tokucho-3"></span>
                            </div>
                            <div class="t0-b-frameWithHCaptionNumIcon2__numIcon-bd">
                                <div class="t0-b-frameWithHCaptionNumIcon2__numIcon-caption-upper" data-cms-path="data.contents.14">お客さまとの対話を重視</div>
                                <h4 class="t0-b-frameWithHCaptionNumIcon2__numIcon-h" data-cms-path="data.contents.15">時間をかけたカウンセリング</h4>
                                <div class="t0-b-frameWithHCaptionNumIcon2__numIcon-caption-lower" data-cms-path="data.contents.16">Counseling</div>
                            </div>
                        </div>
                    </div>
                    <div data-switchable-key="contents.18.switchable" class="t0-b-frameWithHCaptionNumIcon2__box t0-b-twoColsMedia--imgR ex-imageFloat">
                        <span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row3col1 outerHtml" data-cms-path="data.contents.17">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                            <div class="t0-b-media__caption">
                                                                <p data-cms-path="data.contents.3">
                                                                    画像の説明を入力してください(フォントが小さく設定された文章です)
                                                                </p>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-twoColsMedia__row3col2">
                                <div class="outerHtml" data-cms-path="data.contents.18">
                                    <div class="ex-leftSpacingTweak-">
                                        <div class="b-bPlacer-7s">
                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                <p>お客さまごとにきちんとお時間をとり、丁寧なご説明を心がけております。お客さまにご納得いただけないままお手続きを進めるようなことは一切ございません。安心してご相談ください。</p>
                                            </div>
                                        </div>
                                    </div>
                                    <div>
                                        <div class="b-bPlacer-4s">
                                            <div class="t0-b-navItem t0-b-navItem--size-3 t0-b-navItem--width- t0-b-navItem--align-" data-height-part="">
                                                <div data-cms-path="data.contents.0">
                                                    <span></span>
                                                    <div data-cms-contenteditable="data.contents.0.text">詳しくはこちらをクリック</div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="t0-b-frameWithHCaptionNumIcon2__numIcon--align t0-b-frameWithHCaptionNumIcon2__numIcon--align-">
                        <div class="t0-b-frameWithHCaptionNumIcon2__numIcon">
                            <div class="t0-b-frameWithHCaptionNumIcon2__iconPlacer">
                                <span class="t0-b-frameWithHCaptionNumIcon2__icon t0-b-frameWithHCaptionNumIcon2__icon--tokucho-4"></span>
                            </div>
                            <div class="t0-b-frameWithHCaptionNumIcon2__numIcon-bd">
                                <div class="t0-b-frameWithHCaptionNumIcon2__numIcon-caption-upper" data-cms-path="data.contents.19">平日お忙しい方のために</div>
                                <h4 class="t0-b-frameWithHCaptionNumIcon2__numIcon-h" data-cms-path="data.contents.20">土日祝日もご相談を受付</h4>
                                <div class="t0-b-frameWithHCaptionNumIcon2__numIcon-caption-lower" data-cms-path="data.contents.21">Open on holidays</div>
                            </div>
                        </div>
                    </div>
                    <div data-switchable-key="contents.23.switchable" class="t0-b-frameWithHCaptionNumIcon2__box t0-b-twoColsMedia--imgR ex-imageFloat">
                        <span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row4col1 outerHtml" data-cms-path="data.contents.22">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                            <div class="t0-b-media__caption">
                                                                <p data-cms-path="data.contents.3">
                                                                    画像の説明を入力してください(フォントが小さく設定された文章です)
                                                                </p>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-twoColsMedia__row4col2">
                                <div class="outerHtml" data-cms-path="data.contents.23">
                                    <div class="ex-leftSpacingTweak-">
                                        <div class="b-bPlacer-7s">
                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                <p>土日祝日もご相談を受け付けております。平日は仕事でいつも帰りが遅い方や、昼間は家事や育児で忙しい方など、ぜひご利用ください。</p>
                                            </div>
                                        </div>
                                    </div>
                                    <div>
                                        <div class="b-bPlacer-4s">
                                            <div class="t0-b-navItem t0-b-navItem--size-3 t0-b-navItem--width- t0-b-navItem--align-" data-height-part="">
                                                <div data-cms-path="data.contents.0">
                                                    <span></span>
                                                    <div data-cms-contenteditable="data.contents.0.text">詳しくはこちらをクリック</div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="t0-b-frameWithHCaptionNumIcon2__numIcon--align t0-b-frameWithHCaptionNumIcon2__numIcon--align-">
                        <div class="t0-b-frameWithHCaptionNumIcon2__numIcon">
                            <div class="t0-b-frameWithHCaptionNumIcon2__iconPlacer">
                                <span class="t0-b-frameWithHCaptionNumIcon2__icon t0-b-frameWithHCaptionNumIcon2__icon--tokucho-5"></span>
                            </div>
                            <div class="t0-b-frameWithHCaptionNumIcon2__numIcon-bd">
                                <div class="t0-b-frameWithHCaptionNumIcon2__numIcon-caption-upper" data-cms-path="data.contents.24">明朗会計で安心</div>
                                <h4 class="t0-b-frameWithHCaptionNumIcon2__numIcon-h" data-cms-path="data.contents.25">パッケージプラン</h4>
                                <div class="t0-b-frameWithHCaptionNumIcon2__numIcon-caption-lower" data-cms-path="data.contents.26">Package</div>
                            </div>
                        </div>
                    </div>
                    <div data-switchable-key="contents.28.switchable" class="t0-b-frameWithHCaptionNumIcon2__box t0-b-twoColsMedia--imgR ex-imageFloat">
                        <span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row5col1 outerHtml" data-cms-path="data.contents.27">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                            <div class="t0-b-media__caption">
                                                                <p data-cms-path="data.contents.3">
                                                                    画像の説明を入力してください(フォントが小さく設定された文章です)
                                                                </p>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-twoColsMedia__row5col2">
                                <div class="outerHtml" data-cms-path="data.contents.28">
                                    <div class="ex-leftSpacingTweak-">
                                        <div class="b-bPlacer-7s">
                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                <p>当社では、各業務、各種サービスの料金を明確に定め、明朗会計のパッケージプランをご用意しております。「何にいくらかかるのかわからない」といったご心配は不要です。</p>
                                            </div>
                                        </div>
                                    </div>
                                    <div>
                                        <div class="b-bPlacer-4s">
                                            <div class="t0-b-navItem t0-b-navItem--size-3 t0-b-navItem--width- t0-b-navItem--align-" data-height-part="">
                                                <div data-cms-path="data.contents.0">
                                                    <span></span>
                                                    <div data-cms-contenteditable="data.contents.0.text">詳しくはこちらをクリック</div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="t0-b-frameWithHCaptionNumIcon2__numIcon--align t0-b-frameWithHCaptionNumIcon2__numIcon--align-">
                        <div class="t0-b-frameWithHCaptionNumIcon2__numIcon">
                            <div class="t0-b-frameWithHCaptionNumIcon2__iconPlacer">
                                <span class="t0-b-frameWithHCaptionNumIcon2__icon t0-b-frameWithHCaptionNumIcon2__icon--tokucho-6"></span>
                            </div>
                            <div class="t0-b-frameWithHCaptionNumIcon2__numIcon-bd">
                                <div class="t0-b-frameWithHCaptionNumIcon2__numIcon-caption-upper" data-cms-path="data.contents.29">長くお付き合いしていきたいから</div>
                                <h4 class="t0-b-frameWithHCaptionNumIcon2__numIcon-h" data-cms-path="data.contents.30">充実のフォロー体制</h4>
                                <div class="t0-b-frameWithHCaptionNumIcon2__numIcon-caption-lower" data-cms-path="data.contents.31">After-sales Service</div>
                            </div>
                        </div>
                    </div>
                    <div data-switchable-key="contents.33.switchable" class="t0-b-frameWithHCaptionNumIcon2__box t0-b-twoColsMedia--imgR ex-imageFloat">
                        <span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row6col1 outerHtml" data-cms-path="data.contents.32">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                            <div class="t0-b-media__caption">
                                                                <p data-cms-path="data.contents.3">
                                                                    画像の説明を入力してください(フォントが小さく設定された文章です)
                                                                </p>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-twoColsMedia__row6col2">
                                <div class="outerHtml" data-cms-path="data.contents.33">
                                    <div class="ex-leftSpacingTweak-">
                                        <div class="b-bPlacer-7s">
                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                <p>当社では、単なる事務手続きだけでなく、充実のフォロー体制でお客さまをバックアップいたします。けっして○○して終わり、というわけではありませんので、安心してご相談ください。</p>
                                            </div>
                                        </div>
                                    </div>
                                    <div>
                                        <div class="b-bPlacer-4s">
                                            <div class="t0-b-navItem t0-b-navItem--size-3 t0-b-navItem--width- t0-b-navItem--align-" data-height-part="">
                                                <div data-cms-path="data.contents.0">
                                                    <span></span>
                                                    <div data-cms-contenteditable="data.contents.0.text">詳しくはこちらをクリック</div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="t0-b-frameWithHCaptionNumIcon2__numIcon--align t0-b-frameWithHCaptionNumIcon2__numIcon--align-">
                        <div class="t0-b-frameWithHCaptionNumIcon2__numIcon">
                            <div class="t0-b-frameWithHCaptionNumIcon2__iconPlacer">
                                <span class="t0-b-frameWithHCaptionNumIcon2__icon t0-b-frameWithHCaptionNumIcon2__icon--tokucho-7"></span>
                            </div>
                            <div class="t0-b-frameWithHCaptionNumIcon2__numIcon-bd">
                                <div class="t0-b-frameWithHCaptionNumIcon2__numIcon-caption-upper" data-cms-path="data.contents.34">○年以上の実績</div>
                                <h4 class="t0-b-frameWithHCaptionNumIcon2__numIcon-h" data-cms-path="data.contents.35">豊富な経験と高い技術力</h4>
                                <div class="t0-b-frameWithHCaptionNumIcon2__numIcon-caption-lower" data-cms-path="data.contents.36">Results</div>
                            </div>
                        </div>
                    </div>
                    <div data-switchable-key="contents.38.switchable" class="t0-b-frameWithHCaptionNumIcon2__box t0-b-twoColsMedia--imgR ex-imageFloat">
                        <span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row7col1 outerHtml" data-cms-path="data.contents.37">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                            <div class="t0-b-media__caption">
                                                                <p data-cms-path="data.contents.3">
                                                                    画像の説明を入力してください(フォントが小さく設定された文章です)
                                                                </p>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-twoColsMedia__row7col2">
                                <div class="outerHtml" data-cms-path="data.contents.38">
                                    <div class="ex-leftSpacingTweak-">
                                        <div class="b-bPlacer-7s">
                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                <p>当社には○年以上の豊富な経験と高い技術力がございます。これらを生かし、単なる○○だけでなく、あらゆるニーズにお応えいたします。</p>
                                            </div>
                                        </div>
                                    </div>
                                    <div>
                                        <div class="b-bPlacer-4s">
                                            <div class="t0-b-navItem t0-b-navItem--size-3 t0-b-navItem--width- t0-b-navItem--align-" data-height-part="">
                                                <div data-cms-path="data.contents.0">
                                                    <span></span>
                                                    <div data-cms-contenteditable="data.contents.0.text">詳しくはこちらをクリック</div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="t0-b-frameWithHCaptionNumIcon2__numIcon--align t0-b-frameWithHCaptionNumIcon2__numIcon--align-">
                        <div class="t0-b-frameWithHCaptionNumIcon2__numIcon">
                            <div class="t0-b-frameWithHCaptionNumIcon2__iconPlacer">
                                <span class="t0-b-frameWithHCaptionNumIcon2__icon t0-b-frameWithHCaptionNumIcon2__icon--tokucho-8"></span>
                            </div>
                            <div class="t0-b-frameWithHCaptionNumIcon2__numIcon-bd">
                                <div class="t0-b-frameWithHCaptionNumIcon2__numIcon-caption-upper" data-cms-path="data.contents.39">○年以上の実績</div>
                                <h4 class="t0-b-frameWithHCaptionNumIcon2__numIcon-h" data-cms-path="data.contents.40">豊富な経験と高い技術力</h4>
                                <div class="t0-b-frameWithHCaptionNumIcon2__numIcon-caption-lower" data-cms-path="data.contents.41">Results</div>
                            </div>
                        </div>
                    </div>
                    <div data-switchable-key="contents.43.switchable" class="t0-b-frameWithHCaptionNumIcon2__box t0-b-twoColsMedia--imgR ex-imageFloat">
                        <span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row8col1 outerHtml" data-cms-path="data.contents.42">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                            <div class="t0-b-media__caption">
                                                                <p data-cms-path="data.contents.3">
                                                                    画像の説明を入力してください(フォントが小さく設定された文章です)
                                                                </p>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-twoColsMedia__row8col2">
                                <div class="outerHtml" data-cms-path="data.contents.43">
                                    <div class="ex-leftSpacingTweak-">
                                        <div class="b-bPlacer-7s">
                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                <p>当社には○年以上の豊富な経験と高い技術力がございます。これらを生かし、単なる○○だけでなく、あらゆるニーズにお応えいたします。</p>
                                            </div>
                                        </div>
                                    </div>
                                    <div>
                                        <div class="b-bPlacer-4s">
                                            <div class="t0-b-navItem t0-b-navItem--size-3 t0-b-navItem--width- t0-b-navItem--align-" data-height-part="">
                                                <div data-cms-path="data.contents.0">
                                                    <span></span>
                                                    <div data-cms-contenteditable="data.contents.0.text">詳しくはこちらをクリック</div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="t0-b-frameWithHCaptionNumIcon2__numIcon--align t0-b-frameWithHCaptionNumIcon2__numIcon--align-">
                        <div class="t0-b-frameWithHCaptionNumIcon2__numIcon">
                            <div class="t0-b-frameWithHCaptionNumIcon2__iconPlacer">
                                <span class="t0-b-frameWithHCaptionNumIcon2__icon t0-b-frameWithHCaptionNumIcon2__icon--tokucho-9"></span>
                            </div>
                            <div class="t0-b-frameWithHCaptionNumIcon2__numIcon-bd">
                                <div class="t0-b-frameWithHCaptionNumIcon2__numIcon-caption-upper" data-cms-path="data.contents.44">○年以上の実績</div>
                                <h4 class="t0-b-frameWithHCaptionNumIcon2__numIcon-h" data-cms-path="data.contents.45">豊富な経験と高い技術力</h4>
                                <div class="t0-b-frameWithHCaptionNumIcon2__numIcon-caption-lower" data-cms-path="data.contents.46">Results</div>
                            </div>
                        </div>
                    </div>
                    <div data-switchable-key="contents.48.switchable" class="t0-b-frameWithHCaptionNumIcon2__box t0-b-twoColsMedia--imgR ex-imageFloat">
                        <span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row9col1 outerHtml" data-cms-path="data.contents.47">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                            <div class="t0-b-media__caption">
                                                                <p data-cms-path="data.contents.3">
                                                                    画像の説明を入力してください(フォントが小さく設定された文章です)
                                                                </p>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-twoColsMedia__row9col2">
                                <div class="outerHtml" data-cms-path="data.contents.48">
                                    <div class="ex-leftSpacingTweak-">
                                        <div class="b-bPlacer-7s">
                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                <p>当社には○年以上の豊富な経験と高い技術力がございます。これらを生かし、単なる○○だけでなく、あらゆるニーズにお応えいたします。</p>
                                            </div>
                                        </div>
                                    </div>
                                    <div>
                                        <div class="b-bPlacer-4s">
                                            <div class="t0-b-navItem t0-b-navItem--size-3 t0-b-navItem--width- t0-b-navItem--align-" data-height-part="">
                                                <div data-cms-path="data.contents.0">
                                                    <span></span>
                                                    <div data-cms-contenteditable="data.contents.0.text">詳しくはこちらをクリック</div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="t0-b-frameWithHCaptionNumIcon2__numIcon--align t0-b-frameWithHCaptionNumIcon2__numIcon--align-">
                        <div class="t0-b-frameWithHCaptionNumIcon2__numIcon">
                            <div class="t0-b-frameWithHCaptionNumIcon2__iconPlacer">
                                <span class="t0-b-frameWithHCaptionNumIcon2__icon t0-b-frameWithHCaptionNumIcon2__icon--tokucho-10"></span>
                            </div>
                            <div class="t0-b-frameWithHCaptionNumIcon2__numIcon-bd">
                                <div class="t0-b-frameWithHCaptionNumIcon2__numIcon-caption-upper" data-cms-path="data.contents.49">○年以上の実績</div>
                                <h4 class="t0-b-frameWithHCaptionNumIcon2__numIcon-h" data-cms-path="data.contents.50">豊富な経験と高い技術力</h4>
                                <div class="t0-b-frameWithHCaptionNumIcon2__numIcon-caption-lower" data-cms-path="data.contents.51">Results</div>
                            </div>
                        </div>
                    </div>
                    <div data-switchable-key="contents.53.switchable" class="t0-b-frameWithHCaptionNumIcon2__box t0-b-twoColsMedia--imgR ex-imageFloat">
                        <span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row10col1 outerHtml" data-cms-path="data.contents.52">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                            <div class="t0-b-media__caption">
                                                                <p data-cms-path="data.contents.3">
                                                                    画像の説明を入力してください(フォントが小さく設定された文章です)
                                                                </p>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-twoColsMedia__row10col2">
                                <div class="outerHtml" data-cms-path="data.contents.53">
                                    <div class="ex-leftSpacingTweak-">
                                        <div class="b-bPlacer-7s">
                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                <p>当社には○年以上の豊富な経験と高い技術力がございます。これらを生かし、単なる○○だけでなく、あらゆるニーズにお応えいたします。</p>
                                            </div>
                                        </div>
                                    </div>
                                    <div>
                                        <div class="b-bPlacer-4s">
                                            <div class="t0-b-navItem t0-b-navItem--size-3 t0-b-navItem--width- t0-b-navItem--align-" data-height-part="">
                                                <div data-cms-path="data.contents.0">
                                                    <span></span>
                                                    <div data-cms-contenteditable="data.contents.0.text">詳しくはこちらをクリック</div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="outerHtml" data-cms-path="data.contents.54"></div>
    </div>
</div>

サイズ設定

/temp/unittest/parts/002_twoColsMediaWithNumIcon-3_acrePartsMain2_f14.md
  • f14

ブロック名称:サイズ設定

[f14:サイズ設定(機能仕様)]

デザイン・機能仕様:

個別仕様


見出しのみ
小さい、中、大きいの3段階
見出しのサイズ設定機能 https://goo.gl/GT6pj9

テストケース:

  • (個別仕様がある場合)個別仕様通りに実装されていること 
  • 指定した通りの大きさで表示されていること (PCのみ)
  • サイズ設定が反映されていないこと (SPのみ)
小さい
バリエーション1

当社の3つの特徴

当社の3つの特徴について詳しくご紹介いたします。

○年以上の実績

豊富な経験と高い技術力

Results

当社には○年以上の豊富な経験と高い技術力がございます。これらを生かし、単なる○○だけでなく、あらゆるニーズにお応えいたします。

地元の特性を把握

地域密着型

Community-based

地元で○年間、地域に密着して事業を行なってまいりました。周辺環境や地域の特性など、地元だからこそ把握していることを生かし、きめ細かいサービスを提供いたしております。

お客さまとの対話を重視

時間をかけたカウンセリング

Counseling

お客さまごとにきちんとお時間をとり、丁寧なご説明を心がけております。お客さまにご納得いただけないままお手続きを進めるようなことは一切ございません。安心してご相談ください。

平日お忙しい方のために

土日祝日もご相談を受付

Open on holidays

土日祝日もご相談を受け付けております。平日は仕事でいつも帰りが遅い方や、昼間は家事や育児で忙しい方など、ぜひご利用ください。

明朗会計で安心

パッケージプラン

Package

当社では、各業務、各種サービスの料金を明確に定め、明朗会計のパッケージプランをご用意しております。「何にいくらかかるのかわからない」といったご心配は不要です。

長くお付き合いしていきたいから

充実のフォロー体制

After-sales Service

当社では、単なる事務手続きだけでなく、充実のフォロー体制でお客さまをバックアップいたします。けっして○○して終わり、というわけではありませんので、安心してご相談ください。

○年以上の実績

豊富な経験と高い技術力

Results

当社には○年以上の豊富な経験と高い技術力がございます。これらを生かし、単なる○○だけでなく、あらゆるニーズにお応えいたします。

○年以上の実績

豊富な経験と高い技術力

Results

当社には○年以上の豊富な経験と高い技術力がございます。これらを生かし、単なる○○だけでなく、あらゆるニーズにお応えいたします。

○年以上の実績

豊富な経験と高い技術力

Results

当社には○年以上の豊富な経験と高い技術力がございます。これらを生かし、単なる○○だけでなく、あらゆるニーズにお応えいたします。

○年以上の実績

豊富な経験と高い技術力

Results

当社には○年以上の豊富な経験と高い技術力がございます。これらを生かし、単なる○○だけでなく、あらゆるニーズにお応えいたします。

詳しくはこちらをクリック
<div>
    <div class="b-bPlacer-12s">
        <div class="t0-b-twoColsMediaWithNumIcon">
            <div class="t0-b-twoColsMediaWithNumIcon__hd outerHtml" data-cms-path="data.contents.0">
                <div class="ex-leftSpacingTweak-">
                    <div class="b-bPlacer-4s">

                        <div class="t0-b-lv3H t0-b-lv3H--align- t0-b-lv3H--size-2" data-height-part="">
                            <span><span><span></span></span></span>
                            <div>
                                <div class="t0-b-lv3H__iconPlacer">
                                    <span class="t0-b-lv3H__icon"></span>
                                </div>
                                <h3 data-cms-path="data.contents.0">当社の3つの特徴</h3>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="ex-leftSpacingTweak-spread-3s">
                    <div class="b-bPlacer-7s">
                        <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                            <p>当社の3つの特徴について詳しくご紹介いたします。</p>
                        </div>
                    </div>
                </div>
            </div>
            <div class="t0-b-twoColsMediaWithNumIcon__bd"><span><span><span></span></span></span>
                <div class="t0-b-twoColsMedia t0-b-twoColsMedia--colW-m ex-spLayout__horizon">
                    <div class="t0-b-twoColsMediaWithNumIcon__numIcon">
                        <div class="t0-b-twoColsMediaWithNumIcon__iconPlacer"><span class="t0-b-twoColsMediaWithNumIcon__icon t0-b-twoColsMediaWithNumIcon__icon--tokucho-1"></span></div>
                        <div class="t0-b-twoColsMediaWithNumIcon__numIcon-bd t0-b-twoColsMediaWithNumIcon__numIcon-bd--align-">
                            <div class="t0-b-twoColsMediaWithNumIcon__numIcon-caption-upper" data-cms-path="data.contents.1">○年以上の実績</div>
                            <h4 class="t0-b-twoColsMediaWithNumIcon__numIcon-h" data-cms-path="data.contents.2">豊富な経験と高い技術力</h4>
                            <div class="t0-b-twoColsMediaWithNumIcon__numIcon-caption-lower" data-cms-path="data.contents.3">Results</div>
                        </div>
                    </div>
                    <div class="t0-b-twoColsMediaWithNumIcon__box t0-b-twoColsMedia--imgR ex-imageFloat"><span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row1col1 outerHtml" data-cms-path="data.contents.4">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-twoColsMedia__row1col2">
                                <div class="outerHtml" data-cms-path="data.contents.5">
                                    <div class="ex-leftSpacingTweak-">
                                        <div class="b-bPlacer-7s">
                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                <p>当社には○年以上の豊富な経験と高い技術力がございます。これらを生かし、単なる○○だけでなく、あらゆるニーズにお応えいたします。</p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="t0-b-twoColsMediaWithNumIcon__numIcon">
                        <div class="t0-b-twoColsMediaWithNumIcon__iconPlacer"><span class="t0-b-twoColsMediaWithNumIcon__icon t0-b-twoColsMediaWithNumIcon__icon--tokucho-2"></span></div>
                        <div class="t0-b-twoColsMediaWithNumIcon__numIcon-bd t0-b-twoColsMediaWithNumIcon__numIcon-bd--align-">
                            <div class="t0-b-twoColsMediaWithNumIcon__numIcon-caption-upper" data-cms-path="data.contents.6">地元の特性を把握</div>
                            <h4 class="t0-b-twoColsMediaWithNumIcon__numIcon-h" data-cms-path="data.contents.7">地域密着型</h4>
                            <div class="t0-b-twoColsMediaWithNumIcon__numIcon-caption-lower" data-cms-path="data.contents.8">Community-based</div>
                        </div>
                    </div>
                    <div data-switchable-key="contents.10.switchable" class="t0-b-twoColsMediaWithNumIcon__box t0-b-twoColsMedia--imgR ex-imageFloat"><span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row2col1 outerHtml" data-cms-path="data.contents.9">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-twoColsMedia__row2col2">
                                <div class="outerHtml" data-cms-path="data.contents.10">
                                    <div class="ex-leftSpacingTweak-">
                                        <div class="b-bPlacer-7s">
                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                <p>地元で○年間、地域に密着して事業を行なってまいりました。周辺環境や地域の特性など、地元だからこそ把握していることを生かし、きめ細かいサービスを提供いたしております。</p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="t0-b-twoColsMediaWithNumIcon__numIcon">
                        <div class="t0-b-twoColsMediaWithNumIcon__iconPlacer"><span class="t0-b-twoColsMediaWithNumIcon__icon t0-b-twoColsMediaWithNumIcon__icon--tokucho-3"></span></div>
                        <div class="t0-b-twoColsMediaWithNumIcon__numIcon-bd t0-b-twoColsMediaWithNumIcon__numIcon-bd--align-">
                            <div class="t0-b-twoColsMediaWithNumIcon__numIcon-caption-upper" data-cms-path="data.contents.11">お客さまとの対話を重視</div>
                            <h4 class="t0-b-twoColsMediaWithNumIcon__numIcon-h" data-cms-path="data.contents.12">時間をかけたカウンセリング</h4>
                            <div class="t0-b-twoColsMediaWithNumIcon__numIcon-caption-lower" data-cms-path="data.contents.13">Counseling</div>
                        </div>
                    </div>
                    <div data-switchable-key="contents.15.switchable" class="t0-b-twoColsMediaWithNumIcon__box t0-b-twoColsMedia--imgR ex-imageFloat"><span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row3col1 outerHtml" data-cms-path="data.contents.14">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-twoColsMedia__row3col2">
                                <div class="outerHtml" data-cms-path="data.contents.15">
                                    <div class="ex-leftSpacingTweak-">
                                        <div class="b-bPlacer-7s">
                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                <p>お客さまごとにきちんとお時間をとり、丁寧なご説明を心がけております。お客さまにご納得いただけないままお手続きを進めるようなことは一切ございません。安心してご相談ください。</p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="t0-b-twoColsMediaWithNumIcon__numIcon">
                        <div class="t0-b-twoColsMediaWithNumIcon__iconPlacer"><span class="t0-b-twoColsMediaWithNumIcon__icon t0-b-twoColsMediaWithNumIcon__icon--tokucho-4"></span></div>
                        <div class="t0-b-twoColsMediaWithNumIcon__numIcon-bd t0-b-twoColsMediaWithNumIcon__numIcon-bd--align-">
                            <div class="t0-b-twoColsMediaWithNumIcon__numIcon-caption-upper" data-cms-path="data.contents.16">平日お忙しい方のために</div>
                            <h4 class="t0-b-twoColsMediaWithNumIcon__numIcon-h" data-cms-path="data.contents.17">土日祝日もご相談を受付</h4>
                            <div class="t0-b-twoColsMediaWithNumIcon__numIcon-caption-lower" data-cms-path="data.contents.18">Open on holidays</div>
                        </div>
                    </div>
                    <div data-switchable-key="contents.20.switchable" class="t0-b-twoColsMediaWithNumIcon__box t0-b-twoColsMedia--imgR ex-imageFloat"><span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row4col1 outerHtml" data-cms-path="data.contents.19">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-twoColsMedia__row4col2">
                                <div class="outerHtml" data-cms-path="data.contents.20">
                                    <div class="ex-leftSpacingTweak-">
                                        <div class="b-bPlacer-7s">
                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                <p>土日祝日もご相談を受け付けております。平日は仕事でいつも帰りが遅い方や、昼間は家事や育児で忙しい方など、ぜひご利用ください。</p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="t0-b-twoColsMediaWithNumIcon__numIcon">
                        <div class="t0-b-twoColsMediaWithNumIcon__iconPlacer"><span class="t0-b-twoColsMediaWithNumIcon__icon t0-b-twoColsMediaWithNumIcon__icon--tokucho-5"></span></div>
                        <div class="t0-b-twoColsMediaWithNumIcon__numIcon-bd t0-b-twoColsMediaWithNumIcon__numIcon-bd--align-">
                            <div class="t0-b-twoColsMediaWithNumIcon__numIcon-caption-upper" data-cms-path="data.contents.21">明朗会計で安心</div>
                            <h4 class="t0-b-twoColsMediaWithNumIcon__numIcon-h" data-cms-path="data.contents.22">パッケージプラン</h4>
                            <div class="t0-b-twoColsMediaWithNumIcon__numIcon-caption-lower" data-cms-path="data.contents.23">Package</div>
                        </div>
                    </div>
                    <div data-switchable-key="contents.25.switchable" class="t0-b-twoColsMediaWithNumIcon__box t0-b-twoColsMedia--imgR ex-imageFloat"><span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row5col1 outerHtml" data-cms-path="data.contents.24">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-twoColsMedia__row5col2">
                                <div class="outerHtml" data-cms-path="data.contents.25">
                                    <div class="ex-leftSpacingTweak-">
                                        <div class="b-bPlacer-7s">
                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                <p>当社では、各業務、各種サービスの料金を明確に定め、明朗会計のパッケージプランをご用意しております。「何にいくらかかるのかわからない」といったご心配は不要です。</p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="t0-b-twoColsMediaWithNumIcon__numIcon">
                        <div class="t0-b-twoColsMediaWithNumIcon__iconPlacer"><span class="t0-b-twoColsMediaWithNumIcon__icon t0-b-twoColsMediaWithNumIcon__icon--tokucho-6"></span></div>
                        <div class="t0-b-twoColsMediaWithNumIcon__numIcon-bd t0-b-twoColsMediaWithNumIcon__numIcon-bd--align-">
                            <div class="t0-b-twoColsMediaWithNumIcon__numIcon-caption-upper" data-cms-path="data.contents.26">長くお付き合いしていきたいから</div>
                            <h4 class="t0-b-twoColsMediaWithNumIcon__numIcon-h" data-cms-path="data.contents.27">充実のフォロー体制</h4>
                            <div class="t0-b-twoColsMediaWithNumIcon__numIcon-caption-lower" data-cms-path="data.contents.28">After-sales Service</div>
                        </div>
                    </div>
                    <div data-switchable-key="contents.30.switchable" class="t0-b-twoColsMediaWithNumIcon__box t0-b-twoColsMedia--imgR ex-imageFloat"><span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row6col1 outerHtml" data-cms-path="data.contents.29">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-twoColsMedia__row6col2">
                                <div class="outerHtml" data-cms-path="data.contents.30">
                                    <div class="ex-leftSpacingTweak-">
                                        <div class="b-bPlacer-7s">
                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                <p>当社では、単なる事務手続きだけでなく、充実のフォロー体制でお客さまをバックアップいたします。けっして○○して終わり、というわけではありませんので、安心してご相談ください。</p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="t0-b-twoColsMediaWithNumIcon__numIcon">
                        <div class="t0-b-twoColsMediaWithNumIcon__iconPlacer"><span class="t0-b-twoColsMediaWithNumIcon__icon t0-b-twoColsMediaWithNumIcon__icon--tokucho-7"></span></div>
                        <div class="t0-b-twoColsMediaWithNumIcon__numIcon-bd t0-b-twoColsMediaWithNumIcon__numIcon-bd--align-">
                            <div class="t0-b-twoColsMediaWithNumIcon__numIcon-caption-upper" data-cms-path="data.contents.31">○年以上の実績</div>
                            <h4 class="t0-b-twoColsMediaWithNumIcon__numIcon-h" data-cms-path="data.contents.32">豊富な経験と高い技術力</h4>
                            <div class="t0-b-twoColsMediaWithNumIcon__numIcon-caption-lower" data-cms-path="data.contents.33">Results</div>
                        </div>
                    </div>
                    <div data-switchable-key="contents.35.switchable" class="t0-b-twoColsMediaWithNumIcon__box t0-b-twoColsMedia--imgR ex-imageFloat"><span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row7col1 outerHtml" data-cms-path="data.contents.34">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-twoColsMedia__row7col2">
                                <div class="outerHtml" data-cms-path="data.contents.35">
                                    <div class="ex-leftSpacingTweak-">
                                        <div class="b-bPlacer-7s">
                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                <p>当社には○年以上の豊富な経験と高い技術力がございます。これらを生かし、単なる○○だけでなく、あらゆるニーズにお応えいたします。</p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="t0-b-twoColsMediaWithNumIcon__numIcon">
                        <div class="t0-b-twoColsMediaWithNumIcon__iconPlacer"><span class="t0-b-twoColsMediaWithNumIcon__icon t0-b-twoColsMediaWithNumIcon__icon--tokucho-8"></span></div>
                        <div class="t0-b-twoColsMediaWithNumIcon__numIcon-bd t0-b-twoColsMediaWithNumIcon__numIcon-bd--align-">
                            <div class="t0-b-twoColsMediaWithNumIcon__numIcon-caption-upper" data-cms-path="data.contents.36">○年以上の実績</div>
                            <h4 class="t0-b-twoColsMediaWithNumIcon__numIcon-h" data-cms-path="data.contents.37">豊富な経験と高い技術力</h4>
                            <div class="t0-b-twoColsMediaWithNumIcon__numIcon-caption-lower" data-cms-path="data.contents.38">Results</div>
                        </div>
                    </div>
                    <div data-switchable-key="contents.40.switchable" class="t0-b-twoColsMediaWithNumIcon__box t0-b-twoColsMedia--imgR ex-imageFloat"><span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row8col1 outerHtml" data-cms-path="data.contents.39">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-twoColsMedia__row8col2">
                                <div class="outerHtml" data-cms-path="data.contents.40">
                                    <div class="ex-leftSpacingTweak-">
                                        <div class="b-bPlacer-7s">
                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                <p>当社には○年以上の豊富な経験と高い技術力がございます。これらを生かし、単なる○○だけでなく、あらゆるニーズにお応えいたします。</p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="t0-b-twoColsMediaWithNumIcon__numIcon">
                        <div class="t0-b-twoColsMediaWithNumIcon__iconPlacer"><span class="t0-b-twoColsMediaWithNumIcon__icon t0-b-twoColsMediaWithNumIcon__icon--tokucho-9"></span></div>
                        <div class="t0-b-twoColsMediaWithNumIcon__numIcon-bd t0-b-twoColsMediaWithNumIcon__numIcon-bd--align-">
                            <div class="t0-b-twoColsMediaWithNumIcon__numIcon-caption-upper" data-cms-path="data.contents.41">○年以上の実績</div>
                            <h4 class="t0-b-twoColsMediaWithNumIcon__numIcon-h" data-cms-path="data.contents.42">豊富な経験と高い技術力</h4>
                            <div class="t0-b-twoColsMediaWithNumIcon__numIcon-caption-lower" data-cms-path="data.contents.43">Results</div>
                        </div>
                    </div>
                    <div data-switchable-key="contents.45.switchable" class="t0-b-twoColsMediaWithNumIcon__box t0-b-twoColsMedia--imgR ex-imageFloat"><span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row9col1 outerHtml" data-cms-path="data.contents.44">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-twoColsMedia__row9col2">
                                <div class="outerHtml" data-cms-path="data.contents.45">
                                    <div class="ex-leftSpacingTweak-">
                                        <div class="b-bPlacer-7s">
                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                <p>当社には○年以上の豊富な経験と高い技術力がございます。これらを生かし、単なる○○だけでなく、あらゆるニーズにお応えいたします。</p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="t0-b-twoColsMediaWithNumIcon__numIcon">
                        <div class="t0-b-twoColsMediaWithNumIcon__iconPlacer"><span class="t0-b-twoColsMediaWithNumIcon__icon t0-b-twoColsMediaWithNumIcon__icon--tokucho-10"></span></div>
                        <div class="t0-b-twoColsMediaWithNumIcon__numIcon-bd t0-b-twoColsMediaWithNumIcon__numIcon-bd--align-">
                            <div class="t0-b-twoColsMediaWithNumIcon__numIcon-caption-upper" data-cms-path="data.contents.46">○年以上の実績</div>
                            <h4 class="t0-b-twoColsMediaWithNumIcon__numIcon-h" data-cms-path="data.contents.47">豊富な経験と高い技術力</h4>
                            <div class="t0-b-twoColsMediaWithNumIcon__numIcon-caption-lower" data-cms-path="data.contents.48">Results</div>
                        </div>
                    </div>
                    <div data-switchable-key="contents.50.switchable" class="t0-b-twoColsMediaWithNumIcon__box t0-b-twoColsMedia--imgR ex-imageFloat"><span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row10col1 outerHtml" data-cms-path="data.contents.49">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-twoColsMedia__row10col2">
                                <div class="outerHtml" data-cms-path="data.contents.50">
                                    <div class="ex-leftSpacingTweak-">
                                        <div class="b-bPlacer-7s">
                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                <p>当社には○年以上の豊富な経験と高い技術力がございます。これらを生かし、単なる○○だけでなく、あらゆるニーズにお応えいたします。</p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="outerHtml" data-cms-path="data.contents.51">
            <div>
                <div class="b-bPlacer-4s">
                    <div class="t0-b-navItem t0-b-navItem--size-3 t0-b-navItem--width- t0-b-navItem--align-" data-height-part="">
                        <div data-cms-path="data.contents.0">
                            <span></span>
                            <div data-cms-contenteditable="data.contents.0.text">詳しくはこちらをクリック</div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
小さい
バリエーション2

当社の3つの特徴

当社の3つの特徴について詳しくご紹介いたします。

○年以上の実績

豊富な経験と高い技術力

Results

当社には○年以上の豊富な経験と高い技術力がございます。これらを生かし、単なる○○だけでなく、あらゆるニーズにお応えいたします。

地元の特性を把握

地域密着型

Community-based

地元で○年間、地域に密着して事業を行なってまいりました。周辺環境や地域の特性など、地元だからこそ把握していることを生かし、きめ細かいサービスを提供いたしております。

お客さまとの対話を重視

時間をかけたカウンセリング

Counseling

お客さまごとにきちんとお時間をとり、丁寧なご説明を心がけております。お客さまにご納得いただけないままお手続きを進めるようなことは一切ございません。安心してご相談ください。

平日お忙しい方のために

土日祝日もご相談を受付

Open on holidays

土日祝日もご相談を受け付けております。平日は仕事でいつも帰りが遅い方や、昼間は家事や育児で忙しい方など、ぜひご利用ください。

明朗会計で安心

パッケージプラン

Package

当社では、各業務、各種サービスの料金を明確に定め、明朗会計のパッケージプランをご用意しております。「何にいくらかかるのかわからない」といったご心配は不要です。

長くお付き合いしていきたいから

充実のフォロー体制

After-sales Service

当社では、単なる事務手続きだけでなく、充実のフォロー体制でお客さまをバックアップいたします。けっして○○して終わり、というわけではありませんので、安心してご相談ください。

○年以上の実績

豊富な経験と高い技術力

Results

当社には○年以上の豊富な経験と高い技術力がございます。これらを生かし、単なる○○だけでなく、あらゆるニーズにお応えいたします。

○年以上の実績

豊富な経験と高い技術力

Results

当社には○年以上の豊富な経験と高い技術力がございます。これらを生かし、単なる○○だけでなく、あらゆるニーズにお応えいたします。

○年以上の実績

豊富な経験と高い技術力

Results

当社には○年以上の豊富な経験と高い技術力がございます。これらを生かし、単なる○○だけでなく、あらゆるニーズにお応えいたします。

○年以上の実績

豊富な経験と高い技術力

Results

当社には○年以上の豊富な経験と高い技術力がございます。これらを生かし、単なる○○だけでなく、あらゆるニーズにお応えいたします。

詳しくはこちらをクリック
<div>
    <div class="b-bPlacer-12s">
        <div class="t0-b-twoColsMediaWithNumIcon2">
            <div class="t0-b-twoColsMediaWithNumIcon2__hd outerHtml" data-cms-path="data.contents.0">
                <div class="ex-leftSpacingTweak-">
                    <div class="b-bPlacer-4s">

                        <div class="t0-b-lv3H t0-b-lv3H--align- t0-b-lv3H--size-2" data-height-part="">
                            <span><span><span></span></span></span>
                            <div>
                                <div class="t0-b-lv3H__iconPlacer">
                                    <span class="t0-b-lv3H__icon"></span>
                                </div>
                                <h3 data-cms-path="data.contents.0">当社の3つの特徴</h3>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="ex-leftSpacingTweak-spread-3s">
                    <div class="b-bPlacer-7s">
                        <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                            <p>当社の3つの特徴について詳しくご紹介いたします。</p>
                        </div>
                    </div>
                </div>
            </div>
            <div class="t0-b-twoColsMediaWithNumIcon2__bd"><span><span><span></span></span></span>
                <div class="t0-b-twoColsMedia t0-b-twoColsMedia--colW-m ex-spLayout__horizon">
                    <div class="t0-b-twoColsMediaWithNumIcon2__numIcon">
                        <div class="t0-b-twoColsMediaWithNumIcon2__iconPlacer"><span class="t0-b-twoColsMediaWithNumIcon2__icon t0-b-twoColsMediaWithNumIcon2__icon--tokucho-1"></span></div>
                        <div class="t0-b-twoColsMediaWithNumIcon2__numIcon-bd t0-b-twoColsMediaWithNumIcon2__numIcon-bd--align-">
                            <div class="t0-b-twoColsMediaWithNumIcon2__numIcon-caption-upper" data-cms-path="data.contents.1">○年以上の実績</div>
                            <h4 class="t0-b-twoColsMediaWithNumIcon2__numIcon-h" data-cms-path="data.contents.2">豊富な経験と高い技術力</h4>
                            <div class="t0-b-twoColsMediaWithNumIcon2__numIcon-caption-lower" data-cms-path="data.contents.3">Results</div>
                        </div>
                    </div>
                    <div class="t0-b-twoColsMediaWithNumIcon2__box t0-b-twoColsMedia--imgR ex-imageFloat"><span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row1col1 outerHtml" data-cms-path="data.contents.4">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-twoColsMedia__row1col2">
                                <div class="outerHtml" data-cms-path="data.contents.5">
                                    <div class="ex-leftSpacingTweak-">
                                        <div class="b-bPlacer-7s">
                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                <p>当社には○年以上の豊富な経験と高い技術力がございます。これらを生かし、単なる○○だけでなく、あらゆるニーズにお応えいたします。</p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="t0-b-twoColsMediaWithNumIcon2__numIcon">
                        <div class="t0-b-twoColsMediaWithNumIcon2__iconPlacer"><span class="t0-b-twoColsMediaWithNumIcon2__icon t0-b-twoColsMediaWithNumIcon2__icon--tokucho-2"></span></div>
                        <div class="t0-b-twoColsMediaWithNumIcon2__numIcon-bd t0-b-twoColsMediaWithNumIcon2__numIcon-bd--align-">
                            <div class="t0-b-twoColsMediaWithNumIcon2__numIcon-caption-upper" data-cms-path="data.contents.6">地元の特性を把握</div>
                            <h4 class="t0-b-twoColsMediaWithNumIcon2__numIcon-h" data-cms-path="data.contents.7">地域密着型</h4>
                            <div class="t0-b-twoColsMediaWithNumIcon2__numIcon-caption-lower" data-cms-path="data.contents.8">Community-based</div>
                        </div>
                    </div>
                    <div data-switchable-key="contents.10.switchable" class="t0-b-twoColsMediaWithNumIcon2__box t0-b-twoColsMedia--imgR ex-imageFloat"><span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row2col1 outerHtml" data-cms-path="data.contents.9">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-twoColsMedia__row2col2">
                                <div class="outerHtml" data-cms-path="data.contents.10">
                                    <div class="ex-leftSpacingTweak-">
                                        <div class="b-bPlacer-7s">
                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                <p>地元で○年間、地域に密着して事業を行なってまいりました。周辺環境や地域の特性など、地元だからこそ把握していることを生かし、きめ細かいサービスを提供いたしております。</p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="t0-b-twoColsMediaWithNumIcon2__numIcon">
                        <div class="t0-b-twoColsMediaWithNumIcon2__iconPlacer"><span class="t0-b-twoColsMediaWithNumIcon2__icon t0-b-twoColsMediaWithNumIcon2__icon--tokucho-3"></span></div>
                        <div class="t0-b-twoColsMediaWithNumIcon2__numIcon-bd t0-b-twoColsMediaWithNumIcon2__numIcon-bd--align-">
                            <div class="t0-b-twoColsMediaWithNumIcon2__numIcon-caption-upper" data-cms-path="data.contents.11">お客さまとの対話を重視</div>
                            <h4 class="t0-b-twoColsMediaWithNumIcon2__numIcon-h" data-cms-path="data.contents.12">時間をかけたカウンセリング</h4>
                            <div class="t0-b-twoColsMediaWithNumIcon2__numIcon-caption-lower" data-cms-path="data.contents.13">Counseling</div>
                        </div>
                    </div>
                    <div data-switchable-key="contents.15.switchable" class="t0-b-twoColsMediaWithNumIcon2__box t0-b-twoColsMedia--imgR ex-imageFloat"><span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row3col1 outerHtml" data-cms-path="data.contents.14">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-twoColsMedia__row3col2">
                                <div class="outerHtml" data-cms-path="data.contents.15">
                                    <div class="ex-leftSpacingTweak-">
                                        <div class="b-bPlacer-7s">
                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                <p>お客さまごとにきちんとお時間をとり、丁寧なご説明を心がけております。お客さまにご納得いただけないままお手続きを進めるようなことは一切ございません。安心してご相談ください。</p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="t0-b-twoColsMediaWithNumIcon2__numIcon">
                        <div class="t0-b-twoColsMediaWithNumIcon2__iconPlacer"><span class="t0-b-twoColsMediaWithNumIcon2__icon t0-b-twoColsMediaWithNumIcon2__icon--tokucho-4"></span></div>
                        <div class="t0-b-twoColsMediaWithNumIcon2__numIcon-bd t0-b-twoColsMediaWithNumIcon2__numIcon-bd--align-">
                            <div class="t0-b-twoColsMediaWithNumIcon2__numIcon-caption-upper" data-cms-path="data.contents.16">平日お忙しい方のために</div>
                            <h4 class="t0-b-twoColsMediaWithNumIcon2__numIcon-h" data-cms-path="data.contents.17">土日祝日もご相談を受付</h4>
                            <div class="t0-b-twoColsMediaWithNumIcon2__numIcon-caption-lower" data-cms-path="data.contents.18">Open on holidays</div>
                        </div>
                    </div>
                    <div data-switchable-key="contents.20.switchable" class="t0-b-twoColsMediaWithNumIcon2__box t0-b-twoColsMedia--imgR ex-imageFloat"><span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row4col1 outerHtml" data-cms-path="data.contents.19">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-twoColsMedia__row4col2">
                                <div class="outerHtml" data-cms-path="data.contents.20">
                                    <div class="ex-leftSpacingTweak-">
                                        <div class="b-bPlacer-7s">
                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                <p>土日祝日もご相談を受け付けております。平日は仕事でいつも帰りが遅い方や、昼間は家事や育児で忙しい方など、ぜひご利用ください。</p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="t0-b-twoColsMediaWithNumIcon2__numIcon">
                        <div class="t0-b-twoColsMediaWithNumIcon2__iconPlacer"><span class="t0-b-twoColsMediaWithNumIcon2__icon t0-b-twoColsMediaWithNumIcon2__icon--tokucho-5"></span></div>
                        <div class="t0-b-twoColsMediaWithNumIcon2__numIcon-bd t0-b-twoColsMediaWithNumIcon2__numIcon-bd--align-">
                            <div class="t0-b-twoColsMediaWithNumIcon2__numIcon-caption-upper" data-cms-path="data.contents.21">明朗会計で安心</div>
                            <h4 class="t0-b-twoColsMediaWithNumIcon2__numIcon-h" data-cms-path="data.contents.22">パッケージプラン</h4>
                            <div class="t0-b-twoColsMediaWithNumIcon2__numIcon-caption-lower" data-cms-path="data.contents.23">Package</div>
                        </div>
                    </div>
                    <div data-switchable-key="contents.25.switchable" class="t0-b-twoColsMediaWithNumIcon2__box t0-b-twoColsMedia--imgR ex-imageFloat"><span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row5col1 outerHtml" data-cms-path="data.contents.24">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-twoColsMedia__row5col2">
                                <div class="outerHtml" data-cms-path="data.contents.25">
                                    <div class="ex-leftSpacingTweak-">
                                        <div class="b-bPlacer-7s">
                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                <p>当社では、各業務、各種サービスの料金を明確に定め、明朗会計のパッケージプランをご用意しております。「何にいくらかかるのかわからない」といったご心配は不要です。</p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="t0-b-twoColsMediaWithNumIcon2__numIcon">
                        <div class="t0-b-twoColsMediaWithNumIcon2__iconPlacer"><span class="t0-b-twoColsMediaWithNumIcon2__icon t0-b-twoColsMediaWithNumIcon2__icon--tokucho-6"></span></div>
                        <div class="t0-b-twoColsMediaWithNumIcon2__numIcon-bd t0-b-twoColsMediaWithNumIcon2__numIcon-bd--align-">
                            <div class="t0-b-twoColsMediaWithNumIcon2__numIcon-caption-upper" data-cms-path="data.contents.26">長くお付き合いしていきたいから</div>
                            <h4 class="t0-b-twoColsMediaWithNumIcon2__numIcon-h" data-cms-path="data.contents.27">充実のフォロー体制</h4>
                            <div class="t0-b-twoColsMediaWithNumIcon2__numIcon-caption-lower" data-cms-path="data.contents.28">After-sales Service</div>
                        </div>
                    </div>
                    <div data-switchable-key="contents.30.switchable" class="t0-b-twoColsMediaWithNumIcon2__box t0-b-twoColsMedia--imgR ex-imageFloat"><span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row6col1 outerHtml" data-cms-path="data.contents.29">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-twoColsMedia__row6col2">
                                <div class="outerHtml" data-cms-path="data.contents.30">
                                    <div class="ex-leftSpacingTweak-">
                                        <div class="b-bPlacer-7s">
                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                <p>当社では、単なる事務手続きだけでなく、充実のフォロー体制でお客さまをバックアップいたします。けっして○○して終わり、というわけではありませんので、安心してご相談ください。</p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="t0-b-twoColsMediaWithNumIcon2__numIcon">
                        <div class="t0-b-twoColsMediaWithNumIcon2__iconPlacer"><span class="t0-b-twoColsMediaWithNumIcon2__icon t0-b-twoColsMediaWithNumIcon2__icon--tokucho-7"></span></div>
                        <div class="t0-b-twoColsMediaWithNumIcon2__numIcon-bd t0-b-twoColsMediaWithNumIcon2__numIcon-bd--align-">
                            <div class="t0-b-twoColsMediaWithNumIcon2__numIcon-caption-upper" data-cms-path="data.contents.31">○年以上の実績</div>
                            <h4 class="t0-b-twoColsMediaWithNumIcon2__numIcon-h" data-cms-path="data.contents.32">豊富な経験と高い技術力</h4>
                            <div class="t0-b-twoColsMediaWithNumIcon2__numIcon-caption-lower" data-cms-path="data.contents.33">Results</div>
                        </div>
                    </div>
                    <div data-switchable-key="contents.35.switchable" class="t0-b-twoColsMediaWithNumIcon2__box t0-b-twoColsMedia--imgR ex-imageFloat"><span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row7col1 outerHtml" data-cms-path="data.contents.34">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-twoColsMedia__row7col2">
                                <div class="outerHtml" data-cms-path="data.contents.35">
                                    <div class="ex-leftSpacingTweak-">
                                        <div class="b-bPlacer-7s">
                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                <p>当社には○年以上の豊富な経験と高い技術力がございます。これらを生かし、単なる○○だけでなく、あらゆるニーズにお応えいたします。</p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="t0-b-twoColsMediaWithNumIcon2__numIcon">
                        <div class="t0-b-twoColsMediaWithNumIcon2__iconPlacer"><span class="t0-b-twoColsMediaWithNumIcon2__icon t0-b-twoColsMediaWithNumIcon2__icon--tokucho-8"></span></div>
                        <div class="t0-b-twoColsMediaWithNumIcon2__numIcon-bd t0-b-twoColsMediaWithNumIcon2__numIcon-bd--align-">
                            <div class="t0-b-twoColsMediaWithNumIcon2__numIcon-caption-upper" data-cms-path="data.contents.36">○年以上の実績</div>
                            <h4 class="t0-b-twoColsMediaWithNumIcon2__numIcon-h" data-cms-path="data.contents.37">豊富な経験と高い技術力</h4>
                            <div class="t0-b-twoColsMediaWithNumIcon2__numIcon-caption-lower" data-cms-path="data.contents.38">Results</div>
                        </div>
                    </div>
                    <div data-switchable-key="contents.40.switchable" class="t0-b-twoColsMediaWithNumIcon2__box t0-b-twoColsMedia--imgR ex-imageFloat"><span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row8col1 outerHtml" data-cms-path="data.contents.39">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-twoColsMedia__row8col2">
                                <div class="outerHtml" data-cms-path="data.contents.40">
                                    <div class="ex-leftSpacingTweak-">
                                        <div class="b-bPlacer-7s">
                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                <p>当社には○年以上の豊富な経験と高い技術力がございます。これらを生かし、単なる○○だけでなく、あらゆるニーズにお応えいたします。</p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="t0-b-twoColsMediaWithNumIcon2__numIcon">
                        <div class="t0-b-twoColsMediaWithNumIcon2__iconPlacer"><span class="t0-b-twoColsMediaWithNumIcon2__icon t0-b-twoColsMediaWithNumIcon2__icon--tokucho-9"></span></div>
                        <div class="t0-b-twoColsMediaWithNumIcon2__numIcon-bd t0-b-twoColsMediaWithNumIcon2__numIcon-bd--align-">
                            <div class="t0-b-twoColsMediaWithNumIcon2__numIcon-caption-upper" data-cms-path="data.contents.41">○年以上の実績</div>
                            <h4 class="t0-b-twoColsMediaWithNumIcon2__numIcon-h" data-cms-path="data.contents.42">豊富な経験と高い技術力</h4>
                            <div class="t0-b-twoColsMediaWithNumIcon2__numIcon-caption-lower" data-cms-path="data.contents.43">Results</div>
                        </div>
                    </div>
                    <div data-switchable-key="contents.45.switchable" class="t0-b-twoColsMediaWithNumIcon2__box t0-b-twoColsMedia--imgR ex-imageFloat"><span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row9col1 outerHtml" data-cms-path="data.contents.44">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-twoColsMedia__row9col2">
                                <div class="outerHtml" data-cms-path="data.contents.45">
                                    <div class="ex-leftSpacingTweak-">
                                        <div class="b-bPlacer-7s">
                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                <p>当社には○年以上の豊富な経験と高い技術力がございます。これらを生かし、単なる○○だけでなく、あらゆるニーズにお応えいたします。</p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="t0-b-twoColsMediaWithNumIcon2__numIcon">
                        <div class="t0-b-twoColsMediaWithNumIcon2__iconPlacer"><span class="t0-b-twoColsMediaWithNumIcon2__icon t0-b-twoColsMediaWithNumIcon2__icon--tokucho-10"></span></div>
                        <div class="t0-b-twoColsMediaWithNumIcon2__numIcon-bd t0-b-twoColsMediaWithNumIcon2__numIcon-bd--align-">
                            <div class="t0-b-twoColsMediaWithNumIcon2__numIcon-caption-upper" data-cms-path="data.contents.46">○年以上の実績</div>
                            <h4 class="t0-b-twoColsMediaWithNumIcon2__numIcon-h" data-cms-path="data.contents.47">豊富な経験と高い技術力</h4>
                            <div class="t0-b-twoColsMediaWithNumIcon2__numIcon-caption-lower" data-cms-path="data.contents.48">Results</div>
                        </div>
                    </div>
                    <div data-switchable-key="contents.50.switchable" class="t0-b-twoColsMediaWithNumIcon2__box t0-b-twoColsMedia--imgR ex-imageFloat"><span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row10col1 outerHtml" data-cms-path="data.contents.49">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-twoColsMedia__row10col2">
                                <div class="outerHtml" data-cms-path="data.contents.50">
                                    <div class="ex-leftSpacingTweak-">
                                        <div class="b-bPlacer-7s">
                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                <p>当社には○年以上の豊富な経験と高い技術力がございます。これらを生かし、単なる○○だけでなく、あらゆるニーズにお応えいたします。</p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="outerHtml" data-cms-path="data.contents.51">
            <div>
                <div class="b-bPlacer-4s">
                    <div class="t0-b-navItem t0-b-navItem--size-3 t0-b-navItem--width- t0-b-navItem--align-" data-height-part="">
                        <div data-cms-path="data.contents.0">
                            <span></span>
                            <div data-cms-contenteditable="data.contents.0.text">詳しくはこちらをクリック</div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
バリエーション1

当社の3つの特徴

当社の3つの特徴について詳しくご紹介いたします。

○年以上の実績

豊富な経験と高い技術力

Results

当社には○年以上の豊富な経験と高い技術力がございます。これらを生かし、単なる○○だけでなく、あらゆるニーズにお応えいたします。

地元の特性を把握

地域密着型

Community-based

地元で○年間、地域に密着して事業を行なってまいりました。周辺環境や地域の特性など、地元だからこそ把握していることを生かし、きめ細かいサービスを提供いたしております。

お客さまとの対話を重視

時間をかけたカウンセリング

Counseling

お客さまごとにきちんとお時間をとり、丁寧なご説明を心がけております。お客さまにご納得いただけないままお手続きを進めるようなことは一切ございません。安心してご相談ください。

平日お忙しい方のために

土日祝日もご相談を受付

Open on holidays

土日祝日もご相談を受け付けております。平日は仕事でいつも帰りが遅い方や、昼間は家事や育児で忙しい方など、ぜひご利用ください。

明朗会計で安心

パッケージプラン

Package

当社では、各業務、各種サービスの料金を明確に定め、明朗会計のパッケージプランをご用意しております。「何にいくらかかるのかわからない」といったご心配は不要です。

長くお付き合いしていきたいから

充実のフォロー体制

After-sales Service

当社では、単なる事務手続きだけでなく、充実のフォロー体制でお客さまをバックアップいたします。けっして○○して終わり、というわけではありませんので、安心してご相談ください。

○年以上の実績

豊富な経験と高い技術力

Results

当社には○年以上の豊富な経験と高い技術力がございます。これらを生かし、単なる○○だけでなく、あらゆるニーズにお応えいたします。

○年以上の実績

豊富な経験と高い技術力

Results

当社には○年以上の豊富な経験と高い技術力がございます。これらを生かし、単なる○○だけでなく、あらゆるニーズにお応えいたします。

○年以上の実績

豊富な経験と高い技術力

Results

当社には○年以上の豊富な経験と高い技術力がございます。これらを生かし、単なる○○だけでなく、あらゆるニーズにお応えいたします。

○年以上の実績

豊富な経験と高い技術力

Results

当社には○年以上の豊富な経験と高い技術力がございます。これらを生かし、単なる○○だけでなく、あらゆるニーズにお応えいたします。

詳しくはこちらをクリック
<div>
    <div class="b-bPlacer-12s">
        <div class="t0-b-twoColsMediaWithNumIcon">
            <div class="t0-b-twoColsMediaWithNumIcon__hd outerHtml" data-cms-path="data.contents.0">
                <div class="ex-leftSpacingTweak-">
                    <div class="b-bPlacer-4s">

                        <div class="t0-b-lv3H t0-b-lv3H--align- t0-b-lv3H--size-2" data-height-part="">
                            <span><span><span></span></span></span>
                            <div>
                                <div class="t0-b-lv3H__iconPlacer">
                                    <span class="t0-b-lv3H__icon"></span>
                                </div>
                                <h3 data-cms-path="data.contents.0">当社の3つの特徴</h3>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="ex-leftSpacingTweak-spread-3s">
                    <div class="b-bPlacer-7s">
                        <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                            <p>当社の3つの特徴について詳しくご紹介いたします。</p>
                        </div>
                    </div>
                </div>
            </div>
            <div class="t0-b-twoColsMediaWithNumIcon__bd"><span><span><span></span></span></span>
                <div class="t0-b-twoColsMedia t0-b-twoColsMedia--colW-m ex-spLayout__horizon">
                    <div class="t0-b-twoColsMediaWithNumIcon__numIcon">
                        <div class="t0-b-twoColsMediaWithNumIcon__iconPlacer"><span class="t0-b-twoColsMediaWithNumIcon__icon t0-b-twoColsMediaWithNumIcon__icon--tokucho-1"></span></div>
                        <div class="t0-b-twoColsMediaWithNumIcon__numIcon-bd t0-b-twoColsMediaWithNumIcon__numIcon-bd--align-">
                            <div class="t0-b-twoColsMediaWithNumIcon__numIcon-caption-upper" data-cms-path="data.contents.1">○年以上の実績</div>
                            <h4 class="t0-b-twoColsMediaWithNumIcon__numIcon-h" data-cms-path="data.contents.2">豊富な経験と高い技術力</h4>
                            <div class="t0-b-twoColsMediaWithNumIcon__numIcon-caption-lower" data-cms-path="data.contents.3">Results</div>
                        </div>
                    </div>
                    <div class="t0-b-twoColsMediaWithNumIcon__box t0-b-twoColsMedia--imgR ex-imageFloat"><span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row1col1 outerHtml" data-cms-path="data.contents.4">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-twoColsMedia__row1col2">
                                <div class="outerHtml" data-cms-path="data.contents.5">
                                    <div class="ex-leftSpacingTweak-">
                                        <div class="b-bPlacer-7s">
                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                <p>当社には○年以上の豊富な経験と高い技術力がございます。これらを生かし、単なる○○だけでなく、あらゆるニーズにお応えいたします。</p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="t0-b-twoColsMediaWithNumIcon__numIcon">
                        <div class="t0-b-twoColsMediaWithNumIcon__iconPlacer"><span class="t0-b-twoColsMediaWithNumIcon__icon t0-b-twoColsMediaWithNumIcon__icon--tokucho-2"></span></div>
                        <div class="t0-b-twoColsMediaWithNumIcon__numIcon-bd t0-b-twoColsMediaWithNumIcon__numIcon-bd--align-">
                            <div class="t0-b-twoColsMediaWithNumIcon__numIcon-caption-upper" data-cms-path="data.contents.6">地元の特性を把握</div>
                            <h4 class="t0-b-twoColsMediaWithNumIcon__numIcon-h" data-cms-path="data.contents.7">地域密着型</h4>
                            <div class="t0-b-twoColsMediaWithNumIcon__numIcon-caption-lower" data-cms-path="data.contents.8">Community-based</div>
                        </div>
                    </div>
                    <div data-switchable-key="contents.10.switchable" class="t0-b-twoColsMediaWithNumIcon__box t0-b-twoColsMedia--imgR ex-imageFloat"><span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row2col1 outerHtml" data-cms-path="data.contents.9">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-twoColsMedia__row2col2">
                                <div class="outerHtml" data-cms-path="data.contents.10">
                                    <div class="ex-leftSpacingTweak-">
                                        <div class="b-bPlacer-7s">
                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                <p>地元で○年間、地域に密着して事業を行なってまいりました。周辺環境や地域の特性など、地元だからこそ把握していることを生かし、きめ細かいサービスを提供いたしております。</p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="t0-b-twoColsMediaWithNumIcon__numIcon">
                        <div class="t0-b-twoColsMediaWithNumIcon__iconPlacer"><span class="t0-b-twoColsMediaWithNumIcon__icon t0-b-twoColsMediaWithNumIcon__icon--tokucho-3"></span></div>
                        <div class="t0-b-twoColsMediaWithNumIcon__numIcon-bd t0-b-twoColsMediaWithNumIcon__numIcon-bd--align-">
                            <div class="t0-b-twoColsMediaWithNumIcon__numIcon-caption-upper" data-cms-path="data.contents.11">お客さまとの対話を重視</div>
                            <h4 class="t0-b-twoColsMediaWithNumIcon__numIcon-h" data-cms-path="data.contents.12">時間をかけたカウンセリング</h4>
                            <div class="t0-b-twoColsMediaWithNumIcon__numIcon-caption-lower" data-cms-path="data.contents.13">Counseling</div>
                        </div>
                    </div>
                    <div data-switchable-key="contents.15.switchable" class="t0-b-twoColsMediaWithNumIcon__box t0-b-twoColsMedia--imgR ex-imageFloat"><span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row3col1 outerHtml" data-cms-path="data.contents.14">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-twoColsMedia__row3col2">
                                <div class="outerHtml" data-cms-path="data.contents.15">
                                    <div class="ex-leftSpacingTweak-">
                                        <div class="b-bPlacer-7s">
                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                <p>お客さまごとにきちんとお時間をとり、丁寧なご説明を心がけております。お客さまにご納得いただけないままお手続きを進めるようなことは一切ございません。安心してご相談ください。</p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="t0-b-twoColsMediaWithNumIcon__numIcon">
                        <div class="t0-b-twoColsMediaWithNumIcon__iconPlacer"><span class="t0-b-twoColsMediaWithNumIcon__icon t0-b-twoColsMediaWithNumIcon__icon--tokucho-4"></span></div>
                        <div class="t0-b-twoColsMediaWithNumIcon__numIcon-bd t0-b-twoColsMediaWithNumIcon__numIcon-bd--align-">
                            <div class="t0-b-twoColsMediaWithNumIcon__numIcon-caption-upper" data-cms-path="data.contents.16">平日お忙しい方のために</div>
                            <h4 class="t0-b-twoColsMediaWithNumIcon__numIcon-h" data-cms-path="data.contents.17">土日祝日もご相談を受付</h4>
                            <div class="t0-b-twoColsMediaWithNumIcon__numIcon-caption-lower" data-cms-path="data.contents.18">Open on holidays</div>
                        </div>
                    </div>
                    <div data-switchable-key="contents.20.switchable" class="t0-b-twoColsMediaWithNumIcon__box t0-b-twoColsMedia--imgR ex-imageFloat"><span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row4col1 outerHtml" data-cms-path="data.contents.19">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-twoColsMedia__row4col2">
                                <div class="outerHtml" data-cms-path="data.contents.20">
                                    <div class="ex-leftSpacingTweak-">
                                        <div class="b-bPlacer-7s">
                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                <p>土日祝日もご相談を受け付けております。平日は仕事でいつも帰りが遅い方や、昼間は家事や育児で忙しい方など、ぜひご利用ください。</p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="t0-b-twoColsMediaWithNumIcon__numIcon">
                        <div class="t0-b-twoColsMediaWithNumIcon__iconPlacer"><span class="t0-b-twoColsMediaWithNumIcon__icon t0-b-twoColsMediaWithNumIcon__icon--tokucho-5"></span></div>
                        <div class="t0-b-twoColsMediaWithNumIcon__numIcon-bd t0-b-twoColsMediaWithNumIcon__numIcon-bd--align-">
                            <div class="t0-b-twoColsMediaWithNumIcon__numIcon-caption-upper" data-cms-path="data.contents.21">明朗会計で安心</div>
                            <h4 class="t0-b-twoColsMediaWithNumIcon__numIcon-h" data-cms-path="data.contents.22">パッケージプラン</h4>
                            <div class="t0-b-twoColsMediaWithNumIcon__numIcon-caption-lower" data-cms-path="data.contents.23">Package</div>
                        </div>
                    </div>
                    <div data-switchable-key="contents.25.switchable" class="t0-b-twoColsMediaWithNumIcon__box t0-b-twoColsMedia--imgR ex-imageFloat"><span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row5col1 outerHtml" data-cms-path="data.contents.24">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-twoColsMedia__row5col2">
                                <div class="outerHtml" data-cms-path="data.contents.25">
                                    <div class="ex-leftSpacingTweak-">
                                        <div class="b-bPlacer-7s">
                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                <p>当社では、各業務、各種サービスの料金を明確に定め、明朗会計のパッケージプランをご用意しております。「何にいくらかかるのかわからない」といったご心配は不要です。</p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="t0-b-twoColsMediaWithNumIcon__numIcon">
                        <div class="t0-b-twoColsMediaWithNumIcon__iconPlacer"><span class="t0-b-twoColsMediaWithNumIcon__icon t0-b-twoColsMediaWithNumIcon__icon--tokucho-6"></span></div>
                        <div class="t0-b-twoColsMediaWithNumIcon__numIcon-bd t0-b-twoColsMediaWithNumIcon__numIcon-bd--align-">
                            <div class="t0-b-twoColsMediaWithNumIcon__numIcon-caption-upper" data-cms-path="data.contents.26">長くお付き合いしていきたいから</div>
                            <h4 class="t0-b-twoColsMediaWithNumIcon__numIcon-h" data-cms-path="data.contents.27">充実のフォロー体制</h4>
                            <div class="t0-b-twoColsMediaWithNumIcon__numIcon-caption-lower" data-cms-path="data.contents.28">After-sales Service</div>
                        </div>
                    </div>
                    <div data-switchable-key="contents.30.switchable" class="t0-b-twoColsMediaWithNumIcon__box t0-b-twoColsMedia--imgR ex-imageFloat"><span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row6col1 outerHtml" data-cms-path="data.contents.29">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-twoColsMedia__row6col2">
                                <div class="outerHtml" data-cms-path="data.contents.30">
                                    <div class="ex-leftSpacingTweak-">
                                        <div class="b-bPlacer-7s">
                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                <p>当社では、単なる事務手続きだけでなく、充実のフォロー体制でお客さまをバックアップいたします。けっして○○して終わり、というわけではありませんので、安心してご相談ください。</p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="t0-b-twoColsMediaWithNumIcon__numIcon">
                        <div class="t0-b-twoColsMediaWithNumIcon__iconPlacer"><span class="t0-b-twoColsMediaWithNumIcon__icon t0-b-twoColsMediaWithNumIcon__icon--tokucho-7"></span></div>
                        <div class="t0-b-twoColsMediaWithNumIcon__numIcon-bd t0-b-twoColsMediaWithNumIcon__numIcon-bd--align-">
                            <div class="t0-b-twoColsMediaWithNumIcon__numIcon-caption-upper" data-cms-path="data.contents.31">○年以上の実績</div>
                            <h4 class="t0-b-twoColsMediaWithNumIcon__numIcon-h" data-cms-path="data.contents.32">豊富な経験と高い技術力</h4>
                            <div class="t0-b-twoColsMediaWithNumIcon__numIcon-caption-lower" data-cms-path="data.contents.33">Results</div>
                        </div>
                    </div>
                    <div data-switchable-key="contents.35.switchable" class="t0-b-twoColsMediaWithNumIcon__box t0-b-twoColsMedia--imgR ex-imageFloat"><span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row7col1 outerHtml" data-cms-path="data.contents.34">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-twoColsMedia__row7col2">
                                <div class="outerHtml" data-cms-path="data.contents.35">
                                    <div class="ex-leftSpacingTweak-">
                                        <div class="b-bPlacer-7s">
                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                <p>当社には○年以上の豊富な経験と高い技術力がございます。これらを生かし、単なる○○だけでなく、あらゆるニーズにお応えいたします。</p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="t0-b-twoColsMediaWithNumIcon__numIcon">
                        <div class="t0-b-twoColsMediaWithNumIcon__iconPlacer"><span class="t0-b-twoColsMediaWithNumIcon__icon t0-b-twoColsMediaWithNumIcon__icon--tokucho-8"></span></div>
                        <div class="t0-b-twoColsMediaWithNumIcon__numIcon-bd t0-b-twoColsMediaWithNumIcon__numIcon-bd--align-">
                            <div class="t0-b-twoColsMediaWithNumIcon__numIcon-caption-upper" data-cms-path="data.contents.36">○年以上の実績</div>
                            <h4 class="t0-b-twoColsMediaWithNumIcon__numIcon-h" data-cms-path="data.contents.37">豊富な経験と高い技術力</h4>
                            <div class="t0-b-twoColsMediaWithNumIcon__numIcon-caption-lower" data-cms-path="data.contents.38">Results</div>
                        </div>
                    </div>
                    <div data-switchable-key="contents.40.switchable" class="t0-b-twoColsMediaWithNumIcon__box t0-b-twoColsMedia--imgR ex-imageFloat"><span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row8col1 outerHtml" data-cms-path="data.contents.39">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-twoColsMedia__row8col2">
                                <div class="outerHtml" data-cms-path="data.contents.40">
                                    <div class="ex-leftSpacingTweak-">
                                        <div class="b-bPlacer-7s">
                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                <p>当社には○年以上の豊富な経験と高い技術力がございます。これらを生かし、単なる○○だけでなく、あらゆるニーズにお応えいたします。</p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="t0-b-twoColsMediaWithNumIcon__numIcon">
                        <div class="t0-b-twoColsMediaWithNumIcon__iconPlacer"><span class="t0-b-twoColsMediaWithNumIcon__icon t0-b-twoColsMediaWithNumIcon__icon--tokucho-9"></span></div>
                        <div class="t0-b-twoColsMediaWithNumIcon__numIcon-bd t0-b-twoColsMediaWithNumIcon__numIcon-bd--align-">
                            <div class="t0-b-twoColsMediaWithNumIcon__numIcon-caption-upper" data-cms-path="data.contents.41">○年以上の実績</div>
                            <h4 class="t0-b-twoColsMediaWithNumIcon__numIcon-h" data-cms-path="data.contents.42">豊富な経験と高い技術力</h4>
                            <div class="t0-b-twoColsMediaWithNumIcon__numIcon-caption-lower" data-cms-path="data.contents.43">Results</div>
                        </div>
                    </div>
                    <div data-switchable-key="contents.45.switchable" class="t0-b-twoColsMediaWithNumIcon__box t0-b-twoColsMedia--imgR ex-imageFloat"><span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row9col1 outerHtml" data-cms-path="data.contents.44">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-twoColsMedia__row9col2">
                                <div class="outerHtml" data-cms-path="data.contents.45">
                                    <div class="ex-leftSpacingTweak-">
                                        <div class="b-bPlacer-7s">
                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                <p>当社には○年以上の豊富な経験と高い技術力がございます。これらを生かし、単なる○○だけでなく、あらゆるニーズにお応えいたします。</p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="t0-b-twoColsMediaWithNumIcon__numIcon">
                        <div class="t0-b-twoColsMediaWithNumIcon__iconPlacer"><span class="t0-b-twoColsMediaWithNumIcon__icon t0-b-twoColsMediaWithNumIcon__icon--tokucho-10"></span></div>
                        <div class="t0-b-twoColsMediaWithNumIcon__numIcon-bd t0-b-twoColsMediaWithNumIcon__numIcon-bd--align-">
                            <div class="t0-b-twoColsMediaWithNumIcon__numIcon-caption-upper" data-cms-path="data.contents.46">○年以上の実績</div>
                            <h4 class="t0-b-twoColsMediaWithNumIcon__numIcon-h" data-cms-path="data.contents.47">豊富な経験と高い技術力</h4>
                            <div class="t0-b-twoColsMediaWithNumIcon__numIcon-caption-lower" data-cms-path="data.contents.48">Results</div>
                        </div>
                    </div>
                    <div data-switchable-key="contents.50.switchable" class="t0-b-twoColsMediaWithNumIcon__box t0-b-twoColsMedia--imgR ex-imageFloat"><span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row10col1 outerHtml" data-cms-path="data.contents.49">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-twoColsMedia__row10col2">
                                <div class="outerHtml" data-cms-path="data.contents.50">
                                    <div class="ex-leftSpacingTweak-">
                                        <div class="b-bPlacer-7s">
                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                <p>当社には○年以上の豊富な経験と高い技術力がございます。これらを生かし、単なる○○だけでなく、あらゆるニーズにお応えいたします。</p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="outerHtml" data-cms-path="data.contents.51">
            <div>
                <div class="b-bPlacer-4s">
                    <div class="t0-b-navItem t0-b-navItem--size-3 t0-b-navItem--width- t0-b-navItem--align-" data-height-part="">
                        <div data-cms-path="data.contents.0">
                            <span></span>
                            <div data-cms-contenteditable="data.contents.0.text">詳しくはこちらをクリック</div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
バリエーション2

当社の3つの特徴

当社の3つの特徴について詳しくご紹介いたします。

○年以上の実績

豊富な経験と高い技術力

Results

当社には○年以上の豊富な経験と高い技術力がございます。これらを生かし、単なる○○だけでなく、あらゆるニーズにお応えいたします。

地元の特性を把握

地域密着型

Community-based

地元で○年間、地域に密着して事業を行なってまいりました。周辺環境や地域の特性など、地元だからこそ把握していることを生かし、きめ細かいサービスを提供いたしております。

お客さまとの対話を重視

時間をかけたカウンセリング

Counseling

お客さまごとにきちんとお時間をとり、丁寧なご説明を心がけております。お客さまにご納得いただけないままお手続きを進めるようなことは一切ございません。安心してご相談ください。

平日お忙しい方のために

土日祝日もご相談を受付

Open on holidays

土日祝日もご相談を受け付けております。平日は仕事でいつも帰りが遅い方や、昼間は家事や育児で忙しい方など、ぜひご利用ください。

明朗会計で安心

パッケージプラン

Package

当社では、各業務、各種サービスの料金を明確に定め、明朗会計のパッケージプランをご用意しております。「何にいくらかかるのかわからない」といったご心配は不要です。

長くお付き合いしていきたいから

充実のフォロー体制

After-sales Service

当社では、単なる事務手続きだけでなく、充実のフォロー体制でお客さまをバックアップいたします。けっして○○して終わり、というわけではありませんので、安心してご相談ください。

○年以上の実績

豊富な経験と高い技術力

Results

当社には○年以上の豊富な経験と高い技術力がございます。これらを生かし、単なる○○だけでなく、あらゆるニーズにお応えいたします。

○年以上の実績

豊富な経験と高い技術力

Results

当社には○年以上の豊富な経験と高い技術力がございます。これらを生かし、単なる○○だけでなく、あらゆるニーズにお応えいたします。

○年以上の実績

豊富な経験と高い技術力

Results

当社には○年以上の豊富な経験と高い技術力がございます。これらを生かし、単なる○○だけでなく、あらゆるニーズにお応えいたします。

○年以上の実績

豊富な経験と高い技術力

Results

当社には○年以上の豊富な経験と高い技術力がございます。これらを生かし、単なる○○だけでなく、あらゆるニーズにお応えいたします。

詳しくはこちらをクリック
<div>
    <div class="b-bPlacer-12s">
        <div class="t0-b-twoColsMediaWithNumIcon2">
            <div class="t0-b-twoColsMediaWithNumIcon2__hd outerHtml" data-cms-path="data.contents.0">
                <div class="ex-leftSpacingTweak-">
                    <div class="b-bPlacer-4s">

                        <div class="t0-b-lv3H t0-b-lv3H--align- t0-b-lv3H--size-2" data-height-part="">
                            <span><span><span></span></span></span>
                            <div>
                                <div class="t0-b-lv3H__iconPlacer">
                                    <span class="t0-b-lv3H__icon"></span>
                                </div>
                                <h3 data-cms-path="data.contents.0">当社の3つの特徴</h3>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="ex-leftSpacingTweak-spread-3s">
                    <div class="b-bPlacer-7s">
                        <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                            <p>当社の3つの特徴について詳しくご紹介いたします。</p>
                        </div>
                    </div>
                </div>
            </div>
            <div class="t0-b-twoColsMediaWithNumIcon2__bd"><span><span><span></span></span></span>
                <div class="t0-b-twoColsMedia t0-b-twoColsMedia--colW-m ex-spLayout__horizon">
                    <div class="t0-b-twoColsMediaWithNumIcon2__numIcon">
                        <div class="t0-b-twoColsMediaWithNumIcon2__iconPlacer"><span class="t0-b-twoColsMediaWithNumIcon2__icon t0-b-twoColsMediaWithNumIcon2__icon--tokucho-1"></span></div>
                        <div class="t0-b-twoColsMediaWithNumIcon2__numIcon-bd t0-b-twoColsMediaWithNumIcon2__numIcon-bd--align-">
                            <div class="t0-b-twoColsMediaWithNumIcon2__numIcon-caption-upper" data-cms-path="data.contents.1">○年以上の実績</div>
                            <h4 class="t0-b-twoColsMediaWithNumIcon2__numIcon-h" data-cms-path="data.contents.2">豊富な経験と高い技術力</h4>
                            <div class="t0-b-twoColsMediaWithNumIcon2__numIcon-caption-lower" data-cms-path="data.contents.3">Results</div>
                        </div>
                    </div>
                    <div class="t0-b-twoColsMediaWithNumIcon2__box t0-b-twoColsMedia--imgR ex-imageFloat"><span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row1col1 outerHtml" data-cms-path="data.contents.4">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-twoColsMedia__row1col2">
                                <div class="outerHtml" data-cms-path="data.contents.5">
                                    <div class="ex-leftSpacingTweak-">
                                        <div class="b-bPlacer-7s">
                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                <p>当社には○年以上の豊富な経験と高い技術力がございます。これらを生かし、単なる○○だけでなく、あらゆるニーズにお応えいたします。</p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="t0-b-twoColsMediaWithNumIcon2__numIcon">
                        <div class="t0-b-twoColsMediaWithNumIcon2__iconPlacer"><span class="t0-b-twoColsMediaWithNumIcon2__icon t0-b-twoColsMediaWithNumIcon2__icon--tokucho-2"></span></div>
                        <div class="t0-b-twoColsMediaWithNumIcon2__numIcon-bd t0-b-twoColsMediaWithNumIcon2__numIcon-bd--align-">
                            <div class="t0-b-twoColsMediaWithNumIcon2__numIcon-caption-upper" data-cms-path="data.contents.6">地元の特性を把握</div>
                            <h4 class="t0-b-twoColsMediaWithNumIcon2__numIcon-h" data-cms-path="data.contents.7">地域密着型</h4>
                            <div class="t0-b-twoColsMediaWithNumIcon2__numIcon-caption-lower" data-cms-path="data.contents.8">Community-based</div>
                        </div>
                    </div>
                    <div data-switchable-key="contents.10.switchable" class="t0-b-twoColsMediaWithNumIcon2__box t0-b-twoColsMedia--imgR ex-imageFloat"><span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row2col1 outerHtml" data-cms-path="data.contents.9">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-twoColsMedia__row2col2">
                                <div class="outerHtml" data-cms-path="data.contents.10">
                                    <div class="ex-leftSpacingTweak-">
                                        <div class="b-bPlacer-7s">
                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                <p>地元で○年間、地域に密着して事業を行なってまいりました。周辺環境や地域の特性など、地元だからこそ把握していることを生かし、きめ細かいサービスを提供いたしております。</p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="t0-b-twoColsMediaWithNumIcon2__numIcon">
                        <div class="t0-b-twoColsMediaWithNumIcon2__iconPlacer"><span class="t0-b-twoColsMediaWithNumIcon2__icon t0-b-twoColsMediaWithNumIcon2__icon--tokucho-3"></span></div>
                        <div class="t0-b-twoColsMediaWithNumIcon2__numIcon-bd t0-b-twoColsMediaWithNumIcon2__numIcon-bd--align-">
                            <div class="t0-b-twoColsMediaWithNumIcon2__numIcon-caption-upper" data-cms-path="data.contents.11">お客さまとの対話を重視</div>
                            <h4 class="t0-b-twoColsMediaWithNumIcon2__numIcon-h" data-cms-path="data.contents.12">時間をかけたカウンセリング</h4>
                            <div class="t0-b-twoColsMediaWithNumIcon2__numIcon-caption-lower" data-cms-path="data.contents.13">Counseling</div>
                        </div>
                    </div>
                    <div data-switchable-key="contents.15.switchable" class="t0-b-twoColsMediaWithNumIcon2__box t0-b-twoColsMedia--imgR ex-imageFloat"><span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row3col1 outerHtml" data-cms-path="data.contents.14">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-twoColsMedia__row3col2">
                                <div class="outerHtml" data-cms-path="data.contents.15">
                                    <div class="ex-leftSpacingTweak-">
                                        <div class="b-bPlacer-7s">
                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                <p>お客さまごとにきちんとお時間をとり、丁寧なご説明を心がけております。お客さまにご納得いただけないままお手続きを進めるようなことは一切ございません。安心してご相談ください。</p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="t0-b-twoColsMediaWithNumIcon2__numIcon">
                        <div class="t0-b-twoColsMediaWithNumIcon2__iconPlacer"><span class="t0-b-twoColsMediaWithNumIcon2__icon t0-b-twoColsMediaWithNumIcon2__icon--tokucho-4"></span></div>
                        <div class="t0-b-twoColsMediaWithNumIcon2__numIcon-bd t0-b-twoColsMediaWithNumIcon2__numIcon-bd--align-">
                            <div class="t0-b-twoColsMediaWithNumIcon2__numIcon-caption-upper" data-cms-path="data.contents.16">平日お忙しい方のために</div>
                            <h4 class="t0-b-twoColsMediaWithNumIcon2__numIcon-h" data-cms-path="data.contents.17">土日祝日もご相談を受付</h4>
                            <div class="t0-b-twoColsMediaWithNumIcon2__numIcon-caption-lower" data-cms-path="data.contents.18">Open on holidays</div>
                        </div>
                    </div>
                    <div data-switchable-key="contents.20.switchable" class="t0-b-twoColsMediaWithNumIcon2__box t0-b-twoColsMedia--imgR ex-imageFloat"><span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row4col1 outerHtml" data-cms-path="data.contents.19">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-twoColsMedia__row4col2">
                                <div class="outerHtml" data-cms-path="data.contents.20">
                                    <div class="ex-leftSpacingTweak-">
                                        <div class="b-bPlacer-7s">
                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                <p>土日祝日もご相談を受け付けております。平日は仕事でいつも帰りが遅い方や、昼間は家事や育児で忙しい方など、ぜひご利用ください。</p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="t0-b-twoColsMediaWithNumIcon2__numIcon">
                        <div class="t0-b-twoColsMediaWithNumIcon2__iconPlacer"><span class="t0-b-twoColsMediaWithNumIcon2__icon t0-b-twoColsMediaWithNumIcon2__icon--tokucho-5"></span></div>
                        <div class="t0-b-twoColsMediaWithNumIcon2__numIcon-bd t0-b-twoColsMediaWithNumIcon2__numIcon-bd--align-">
                            <div class="t0-b-twoColsMediaWithNumIcon2__numIcon-caption-upper" data-cms-path="data.contents.21">明朗会計で安心</div>
                            <h4 class="t0-b-twoColsMediaWithNumIcon2__numIcon-h" data-cms-path="data.contents.22">パッケージプラン</h4>
                            <div class="t0-b-twoColsMediaWithNumIcon2__numIcon-caption-lower" data-cms-path="data.contents.23">Package</div>
                        </div>
                    </div>
                    <div data-switchable-key="contents.25.switchable" class="t0-b-twoColsMediaWithNumIcon2__box t0-b-twoColsMedia--imgR ex-imageFloat"><span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row5col1 outerHtml" data-cms-path="data.contents.24">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-twoColsMedia__row5col2">
                                <div class="outerHtml" data-cms-path="data.contents.25">
                                    <div class="ex-leftSpacingTweak-">
                                        <div class="b-bPlacer-7s">
                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                <p>当社では、各業務、各種サービスの料金を明確に定め、明朗会計のパッケージプランをご用意しております。「何にいくらかかるのかわからない」といったご心配は不要です。</p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="t0-b-twoColsMediaWithNumIcon2__numIcon">
                        <div class="t0-b-twoColsMediaWithNumIcon2__iconPlacer"><span class="t0-b-twoColsMediaWithNumIcon2__icon t0-b-twoColsMediaWithNumIcon2__icon--tokucho-6"></span></div>
                        <div class="t0-b-twoColsMediaWithNumIcon2__numIcon-bd t0-b-twoColsMediaWithNumIcon2__numIcon-bd--align-">
                            <div class="t0-b-twoColsMediaWithNumIcon2__numIcon-caption-upper" data-cms-path="data.contents.26">長くお付き合いしていきたいから</div>
                            <h4 class="t0-b-twoColsMediaWithNumIcon2__numIcon-h" data-cms-path="data.contents.27">充実のフォロー体制</h4>
                            <div class="t0-b-twoColsMediaWithNumIcon2__numIcon-caption-lower" data-cms-path="data.contents.28">After-sales Service</div>
                        </div>
                    </div>
                    <div data-switchable-key="contents.30.switchable" class="t0-b-twoColsMediaWithNumIcon2__box t0-b-twoColsMedia--imgR ex-imageFloat"><span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row6col1 outerHtml" data-cms-path="data.contents.29">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-twoColsMedia__row6col2">
                                <div class="outerHtml" data-cms-path="data.contents.30">
                                    <div class="ex-leftSpacingTweak-">
                                        <div class="b-bPlacer-7s">
                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                <p>当社では、単なる事務手続きだけでなく、充実のフォロー体制でお客さまをバックアップいたします。けっして○○して終わり、というわけではありませんので、安心してご相談ください。</p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="t0-b-twoColsMediaWithNumIcon2__numIcon">
                        <div class="t0-b-twoColsMediaWithNumIcon2__iconPlacer"><span class="t0-b-twoColsMediaWithNumIcon2__icon t0-b-twoColsMediaWithNumIcon2__icon--tokucho-7"></span></div>
                        <div class="t0-b-twoColsMediaWithNumIcon2__numIcon-bd t0-b-twoColsMediaWithNumIcon2__numIcon-bd--align-">
                            <div class="t0-b-twoColsMediaWithNumIcon2__numIcon-caption-upper" data-cms-path="data.contents.31">○年以上の実績</div>
                            <h4 class="t0-b-twoColsMediaWithNumIcon2__numIcon-h" data-cms-path="data.contents.32">豊富な経験と高い技術力</h4>
                            <div class="t0-b-twoColsMediaWithNumIcon2__numIcon-caption-lower" data-cms-path="data.contents.33">Results</div>
                        </div>
                    </div>
                    <div data-switchable-key="contents.35.switchable" class="t0-b-twoColsMediaWithNumIcon2__box t0-b-twoColsMedia--imgR ex-imageFloat"><span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row7col1 outerHtml" data-cms-path="data.contents.34">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-twoColsMedia__row7col2">
                                <div class="outerHtml" data-cms-path="data.contents.35">
                                    <div class="ex-leftSpacingTweak-">
                                        <div class="b-bPlacer-7s">
                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                <p>当社には○年以上の豊富な経験と高い技術力がございます。これらを生かし、単なる○○だけでなく、あらゆるニーズにお応えいたします。</p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="t0-b-twoColsMediaWithNumIcon2__numIcon">
                        <div class="t0-b-twoColsMediaWithNumIcon2__iconPlacer"><span class="t0-b-twoColsMediaWithNumIcon2__icon t0-b-twoColsMediaWithNumIcon2__icon--tokucho-8"></span></div>
                        <div class="t0-b-twoColsMediaWithNumIcon2__numIcon-bd t0-b-twoColsMediaWithNumIcon2__numIcon-bd--align-">
                            <div class="t0-b-twoColsMediaWithNumIcon2__numIcon-caption-upper" data-cms-path="data.contents.36">○年以上の実績</div>
                            <h4 class="t0-b-twoColsMediaWithNumIcon2__numIcon-h" data-cms-path="data.contents.37">豊富な経験と高い技術力</h4>
                            <div class="t0-b-twoColsMediaWithNumIcon2__numIcon-caption-lower" data-cms-path="data.contents.38">Results</div>
                        </div>
                    </div>
                    <div data-switchable-key="contents.40.switchable" class="t0-b-twoColsMediaWithNumIcon2__box t0-b-twoColsMedia--imgR ex-imageFloat"><span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row8col1 outerHtml" data-cms-path="data.contents.39">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-twoColsMedia__row8col2">
                                <div class="outerHtml" data-cms-path="data.contents.40">
                                    <div class="ex-leftSpacingTweak-">
                                        <div class="b-bPlacer-7s">
                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                <p>当社には○年以上の豊富な経験と高い技術力がございます。これらを生かし、単なる○○だけでなく、あらゆるニーズにお応えいたします。</p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="t0-b-twoColsMediaWithNumIcon2__numIcon">
                        <div class="t0-b-twoColsMediaWithNumIcon2__iconPlacer"><span class="t0-b-twoColsMediaWithNumIcon2__icon t0-b-twoColsMediaWithNumIcon2__icon--tokucho-9"></span></div>
                        <div class="t0-b-twoColsMediaWithNumIcon2__numIcon-bd t0-b-twoColsMediaWithNumIcon2__numIcon-bd--align-">
                            <div class="t0-b-twoColsMediaWithNumIcon2__numIcon-caption-upper" data-cms-path="data.contents.41">○年以上の実績</div>
                            <h4 class="t0-b-twoColsMediaWithNumIcon2__numIcon-h" data-cms-path="data.contents.42">豊富な経験と高い技術力</h4>
                            <div class="t0-b-twoColsMediaWithNumIcon2__numIcon-caption-lower" data-cms-path="data.contents.43">Results</div>
                        </div>
                    </div>
                    <div data-switchable-key="contents.45.switchable" class="t0-b-twoColsMediaWithNumIcon2__box t0-b-twoColsMedia--imgR ex-imageFloat"><span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row9col1 outerHtml" data-cms-path="data.contents.44">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-twoColsMedia__row9col2">
                                <div class="outerHtml" data-cms-path="data.contents.45">
                                    <div class="ex-leftSpacingTweak-">
                                        <div class="b-bPlacer-7s">
                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                <p>当社には○年以上の豊富な経験と高い技術力がございます。これらを生かし、単なる○○だけでなく、あらゆるニーズにお応えいたします。</p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="t0-b-twoColsMediaWithNumIcon2__numIcon">
                        <div class="t0-b-twoColsMediaWithNumIcon2__iconPlacer"><span class="t0-b-twoColsMediaWithNumIcon2__icon t0-b-twoColsMediaWithNumIcon2__icon--tokucho-10"></span></div>
                        <div class="t0-b-twoColsMediaWithNumIcon2__numIcon-bd t0-b-twoColsMediaWithNumIcon2__numIcon-bd--align-">
                            <div class="t0-b-twoColsMediaWithNumIcon2__numIcon-caption-upper" data-cms-path="data.contents.46">○年以上の実績</div>
                            <h4 class="t0-b-twoColsMediaWithNumIcon2__numIcon-h" data-cms-path="data.contents.47">豊富な経験と高い技術力</h4>
                            <div class="t0-b-twoColsMediaWithNumIcon2__numIcon-caption-lower" data-cms-path="data.contents.48">Results</div>
                        </div>
                    </div>
                    <div data-switchable-key="contents.50.switchable" class="t0-b-twoColsMediaWithNumIcon2__box t0-b-twoColsMedia--imgR ex-imageFloat"><span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row10col1 outerHtml" data-cms-path="data.contents.49">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-twoColsMedia__row10col2">
                                <div class="outerHtml" data-cms-path="data.contents.50">
                                    <div class="ex-leftSpacingTweak-">
                                        <div class="b-bPlacer-7s">
                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                <p>当社には○年以上の豊富な経験と高い技術力がございます。これらを生かし、単なる○○だけでなく、あらゆるニーズにお応えいたします。</p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="outerHtml" data-cms-path="data.contents.51">
            <div>
                <div class="b-bPlacer-4s">
                    <div class="t0-b-navItem t0-b-navItem--size-3 t0-b-navItem--width- t0-b-navItem--align-" data-height-part="">
                        <div data-cms-path="data.contents.0">
                            <span></span>
                            <div data-cms-contenteditable="data.contents.0.text">詳しくはこちらをクリック</div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
大きい
バリエーション1

当社の3つの特徴

当社の3つの特徴について詳しくご紹介いたします。

○年以上の実績

豊富な経験と高い技術力

Results

当社には○年以上の豊富な経験と高い技術力がございます。これらを生かし、単なる○○だけでなく、あらゆるニーズにお応えいたします。

地元の特性を把握

地域密着型

Community-based

地元で○年間、地域に密着して事業を行なってまいりました。周辺環境や地域の特性など、地元だからこそ把握していることを生かし、きめ細かいサービスを提供いたしております。

お客さまとの対話を重視

時間をかけたカウンセリング

Counseling

お客さまごとにきちんとお時間をとり、丁寧なご説明を心がけております。お客さまにご納得いただけないままお手続きを進めるようなことは一切ございません。安心してご相談ください。

平日お忙しい方のために

土日祝日もご相談を受付

Open on holidays

土日祝日もご相談を受け付けております。平日は仕事でいつも帰りが遅い方や、昼間は家事や育児で忙しい方など、ぜひご利用ください。

明朗会計で安心

パッケージプラン

Package

当社では、各業務、各種サービスの料金を明確に定め、明朗会計のパッケージプランをご用意しております。「何にいくらかかるのかわからない」といったご心配は不要です。

長くお付き合いしていきたいから

充実のフォロー体制

After-sales Service

当社では、単なる事務手続きだけでなく、充実のフォロー体制でお客さまをバックアップいたします。けっして○○して終わり、というわけではありませんので、安心してご相談ください。

○年以上の実績

豊富な経験と高い技術力

Results

当社には○年以上の豊富な経験と高い技術力がございます。これらを生かし、単なる○○だけでなく、あらゆるニーズにお応えいたします。

○年以上の実績

豊富な経験と高い技術力

Results

当社には○年以上の豊富な経験と高い技術力がございます。これらを生かし、単なる○○だけでなく、あらゆるニーズにお応えいたします。

○年以上の実績

豊富な経験と高い技術力

Results

当社には○年以上の豊富な経験と高い技術力がございます。これらを生かし、単なる○○だけでなく、あらゆるニーズにお応えいたします。

○年以上の実績

豊富な経験と高い技術力

Results

当社には○年以上の豊富な経験と高い技術力がございます。これらを生かし、単なる○○だけでなく、あらゆるニーズにお応えいたします。

詳しくはこちらをクリック
<div>
    <div class="b-bPlacer-12s">
        <div class="t0-b-twoColsMediaWithNumIcon">
            <div class="t0-b-twoColsMediaWithNumIcon__hd outerHtml" data-cms-path="data.contents.0">
                <div class="ex-leftSpacingTweak-">
                    <div class="b-bPlacer-4s">

                        <div class="t0-b-lv3H t0-b-lv3H--align- t0-b-lv3H--size-2" data-height-part="">
                            <span><span><span></span></span></span>
                            <div>
                                <div class="t0-b-lv3H__iconPlacer">
                                    <span class="t0-b-lv3H__icon"></span>
                                </div>
                                <h3 data-cms-path="data.contents.0">当社の3つの特徴</h3>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="ex-leftSpacingTweak-spread-3s">
                    <div class="b-bPlacer-7s">
                        <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                            <p>当社の3つの特徴について詳しくご紹介いたします。</p>
                        </div>
                    </div>
                </div>
            </div>
            <div class="t0-b-twoColsMediaWithNumIcon__bd"><span><span><span></span></span></span>
                <div class="t0-b-twoColsMedia t0-b-twoColsMedia--colW-m ex-spLayout__horizon">
                    <div class="t0-b-twoColsMediaWithNumIcon__numIcon">
                        <div class="t0-b-twoColsMediaWithNumIcon__iconPlacer"><span class="t0-b-twoColsMediaWithNumIcon__icon t0-b-twoColsMediaWithNumIcon__icon--tokucho-1"></span></div>
                        <div class="t0-b-twoColsMediaWithNumIcon__numIcon-bd t0-b-twoColsMediaWithNumIcon__numIcon-bd--align-">
                            <div class="t0-b-twoColsMediaWithNumIcon__numIcon-caption-upper" data-cms-path="data.contents.1">○年以上の実績</div>
                            <h4 class="t0-b-twoColsMediaWithNumIcon__numIcon-h" data-cms-path="data.contents.2">豊富な経験と高い技術力</h4>
                            <div class="t0-b-twoColsMediaWithNumIcon__numIcon-caption-lower" data-cms-path="data.contents.3">Results</div>
                        </div>
                    </div>
                    <div class="t0-b-twoColsMediaWithNumIcon__box t0-b-twoColsMedia--imgR ex-imageFloat"><span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row1col1 outerHtml" data-cms-path="data.contents.4">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-twoColsMedia__row1col2">
                                <div class="outerHtml" data-cms-path="data.contents.5">
                                    <div class="ex-leftSpacingTweak-">
                                        <div class="b-bPlacer-7s">
                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                <p>当社には○年以上の豊富な経験と高い技術力がございます。これらを生かし、単なる○○だけでなく、あらゆるニーズにお応えいたします。</p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="t0-b-twoColsMediaWithNumIcon__numIcon">
                        <div class="t0-b-twoColsMediaWithNumIcon__iconPlacer"><span class="t0-b-twoColsMediaWithNumIcon__icon t0-b-twoColsMediaWithNumIcon__icon--tokucho-2"></span></div>
                        <div class="t0-b-twoColsMediaWithNumIcon__numIcon-bd t0-b-twoColsMediaWithNumIcon__numIcon-bd--align-">
                            <div class="t0-b-twoColsMediaWithNumIcon__numIcon-caption-upper" data-cms-path="data.contents.6">地元の特性を把握</div>
                            <h4 class="t0-b-twoColsMediaWithNumIcon__numIcon-h" data-cms-path="data.contents.7">地域密着型</h4>
                            <div class="t0-b-twoColsMediaWithNumIcon__numIcon-caption-lower" data-cms-path="data.contents.8">Community-based</div>
                        </div>
                    </div>
                    <div data-switchable-key="contents.10.switchable" class="t0-b-twoColsMediaWithNumIcon__box t0-b-twoColsMedia--imgR ex-imageFloat"><span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row2col1 outerHtml" data-cms-path="data.contents.9">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-twoColsMedia__row2col2">
                                <div class="outerHtml" data-cms-path="data.contents.10">
                                    <div class="ex-leftSpacingTweak-">
                                        <div class="b-bPlacer-7s">
                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                <p>地元で○年間、地域に密着して事業を行なってまいりました。周辺環境や地域の特性など、地元だからこそ把握していることを生かし、きめ細かいサービスを提供いたしております。</p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="t0-b-twoColsMediaWithNumIcon__numIcon">
                        <div class="t0-b-twoColsMediaWithNumIcon__iconPlacer"><span class="t0-b-twoColsMediaWithNumIcon__icon t0-b-twoColsMediaWithNumIcon__icon--tokucho-3"></span></div>
                        <div class="t0-b-twoColsMediaWithNumIcon__numIcon-bd t0-b-twoColsMediaWithNumIcon__numIcon-bd--align-">
                            <div class="t0-b-twoColsMediaWithNumIcon__numIcon-caption-upper" data-cms-path="data.contents.11">お客さまとの対話を重視</div>
                            <h4 class="t0-b-twoColsMediaWithNumIcon__numIcon-h" data-cms-path="data.contents.12">時間をかけたカウンセリング</h4>
                            <div class="t0-b-twoColsMediaWithNumIcon__numIcon-caption-lower" data-cms-path="data.contents.13">Counseling</div>
                        </div>
                    </div>
                    <div data-switchable-key="contents.15.switchable" class="t0-b-twoColsMediaWithNumIcon__box t0-b-twoColsMedia--imgR ex-imageFloat"><span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row3col1 outerHtml" data-cms-path="data.contents.14">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-twoColsMedia__row3col2">
                                <div class="outerHtml" data-cms-path="data.contents.15">
                                    <div class="ex-leftSpacingTweak-">
                                        <div class="b-bPlacer-7s">
                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                <p>お客さまごとにきちんとお時間をとり、丁寧なご説明を心がけております。お客さまにご納得いただけないままお手続きを進めるようなことは一切ございません。安心してご相談ください。</p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="t0-b-twoColsMediaWithNumIcon__numIcon">
                        <div class="t0-b-twoColsMediaWithNumIcon__iconPlacer"><span class="t0-b-twoColsMediaWithNumIcon__icon t0-b-twoColsMediaWithNumIcon__icon--tokucho-4"></span></div>
                        <div class="t0-b-twoColsMediaWithNumIcon__numIcon-bd t0-b-twoColsMediaWithNumIcon__numIcon-bd--align-">
                            <div class="t0-b-twoColsMediaWithNumIcon__numIcon-caption-upper" data-cms-path="data.contents.16">平日お忙しい方のために</div>
                            <h4 class="t0-b-twoColsMediaWithNumIcon__numIcon-h" data-cms-path="data.contents.17">土日祝日もご相談を受付</h4>
                            <div class="t0-b-twoColsMediaWithNumIcon__numIcon-caption-lower" data-cms-path="data.contents.18">Open on holidays</div>
                        </div>
                    </div>
                    <div data-switchable-key="contents.20.switchable" class="t0-b-twoColsMediaWithNumIcon__box t0-b-twoColsMedia--imgR ex-imageFloat"><span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row4col1 outerHtml" data-cms-path="data.contents.19">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-twoColsMedia__row4col2">
                                <div class="outerHtml" data-cms-path="data.contents.20">
                                    <div class="ex-leftSpacingTweak-">
                                        <div class="b-bPlacer-7s">
                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                <p>土日祝日もご相談を受け付けております。平日は仕事でいつも帰りが遅い方や、昼間は家事や育児で忙しい方など、ぜひご利用ください。</p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="t0-b-twoColsMediaWithNumIcon__numIcon">
                        <div class="t0-b-twoColsMediaWithNumIcon__iconPlacer"><span class="t0-b-twoColsMediaWithNumIcon__icon t0-b-twoColsMediaWithNumIcon__icon--tokucho-5"></span></div>
                        <div class="t0-b-twoColsMediaWithNumIcon__numIcon-bd t0-b-twoColsMediaWithNumIcon__numIcon-bd--align-">
                            <div class="t0-b-twoColsMediaWithNumIcon__numIcon-caption-upper" data-cms-path="data.contents.21">明朗会計で安心</div>
                            <h4 class="t0-b-twoColsMediaWithNumIcon__numIcon-h" data-cms-path="data.contents.22">パッケージプラン</h4>
                            <div class="t0-b-twoColsMediaWithNumIcon__numIcon-caption-lower" data-cms-path="data.contents.23">Package</div>
                        </div>
                    </div>
                    <div data-switchable-key="contents.25.switchable" class="t0-b-twoColsMediaWithNumIcon__box t0-b-twoColsMedia--imgR ex-imageFloat"><span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row5col1 outerHtml" data-cms-path="data.contents.24">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-twoColsMedia__row5col2">
                                <div class="outerHtml" data-cms-path="data.contents.25">
                                    <div class="ex-leftSpacingTweak-">
                                        <div class="b-bPlacer-7s">
                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                <p>当社では、各業務、各種サービスの料金を明確に定め、明朗会計のパッケージプランをご用意しております。「何にいくらかかるのかわからない」といったご心配は不要です。</p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="t0-b-twoColsMediaWithNumIcon__numIcon">
                        <div class="t0-b-twoColsMediaWithNumIcon__iconPlacer"><span class="t0-b-twoColsMediaWithNumIcon__icon t0-b-twoColsMediaWithNumIcon__icon--tokucho-6"></span></div>
                        <div class="t0-b-twoColsMediaWithNumIcon__numIcon-bd t0-b-twoColsMediaWithNumIcon__numIcon-bd--align-">
                            <div class="t0-b-twoColsMediaWithNumIcon__numIcon-caption-upper" data-cms-path="data.contents.26">長くお付き合いしていきたいから</div>
                            <h4 class="t0-b-twoColsMediaWithNumIcon__numIcon-h" data-cms-path="data.contents.27">充実のフォロー体制</h4>
                            <div class="t0-b-twoColsMediaWithNumIcon__numIcon-caption-lower" data-cms-path="data.contents.28">After-sales Service</div>
                        </div>
                    </div>
                    <div data-switchable-key="contents.30.switchable" class="t0-b-twoColsMediaWithNumIcon__box t0-b-twoColsMedia--imgR ex-imageFloat"><span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row6col1 outerHtml" data-cms-path="data.contents.29">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-twoColsMedia__row6col2">
                                <div class="outerHtml" data-cms-path="data.contents.30">
                                    <div class="ex-leftSpacingTweak-">
                                        <div class="b-bPlacer-7s">
                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                <p>当社では、単なる事務手続きだけでなく、充実のフォロー体制でお客さまをバックアップいたします。けっして○○して終わり、というわけではありませんので、安心してご相談ください。</p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="t0-b-twoColsMediaWithNumIcon__numIcon">
                        <div class="t0-b-twoColsMediaWithNumIcon__iconPlacer"><span class="t0-b-twoColsMediaWithNumIcon__icon t0-b-twoColsMediaWithNumIcon__icon--tokucho-7"></span></div>
                        <div class="t0-b-twoColsMediaWithNumIcon__numIcon-bd t0-b-twoColsMediaWithNumIcon__numIcon-bd--align-">
                            <div class="t0-b-twoColsMediaWithNumIcon__numIcon-caption-upper" data-cms-path="data.contents.31">○年以上の実績</div>
                            <h4 class="t0-b-twoColsMediaWithNumIcon__numIcon-h" data-cms-path="data.contents.32">豊富な経験と高い技術力</h4>
                            <div class="t0-b-twoColsMediaWithNumIcon__numIcon-caption-lower" data-cms-path="data.contents.33">Results</div>
                        </div>
                    </div>
                    <div data-switchable-key="contents.35.switchable" class="t0-b-twoColsMediaWithNumIcon__box t0-b-twoColsMedia--imgR ex-imageFloat"><span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row7col1 outerHtml" data-cms-path="data.contents.34">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-twoColsMedia__row7col2">
                                <div class="outerHtml" data-cms-path="data.contents.35">
                                    <div class="ex-leftSpacingTweak-">
                                        <div class="b-bPlacer-7s">
                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                <p>当社には○年以上の豊富な経験と高い技術力がございます。これらを生かし、単なる○○だけでなく、あらゆるニーズにお応えいたします。</p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="t0-b-twoColsMediaWithNumIcon__numIcon">
                        <div class="t0-b-twoColsMediaWithNumIcon__iconPlacer"><span class="t0-b-twoColsMediaWithNumIcon__icon t0-b-twoColsMediaWithNumIcon__icon--tokucho-8"></span></div>
                        <div class="t0-b-twoColsMediaWithNumIcon__numIcon-bd t0-b-twoColsMediaWithNumIcon__numIcon-bd--align-">
                            <div class="t0-b-twoColsMediaWithNumIcon__numIcon-caption-upper" data-cms-path="data.contents.36">○年以上の実績</div>
                            <h4 class="t0-b-twoColsMediaWithNumIcon__numIcon-h" data-cms-path="data.contents.37">豊富な経験と高い技術力</h4>
                            <div class="t0-b-twoColsMediaWithNumIcon__numIcon-caption-lower" data-cms-path="data.contents.38">Results</div>
                        </div>
                    </div>
                    <div data-switchable-key="contents.40.switchable" class="t0-b-twoColsMediaWithNumIcon__box t0-b-twoColsMedia--imgR ex-imageFloat"><span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row8col1 outerHtml" data-cms-path="data.contents.39">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-twoColsMedia__row8col2">
                                <div class="outerHtml" data-cms-path="data.contents.40">
                                    <div class="ex-leftSpacingTweak-">
                                        <div class="b-bPlacer-7s">
                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                <p>当社には○年以上の豊富な経験と高い技術力がございます。これらを生かし、単なる○○だけでなく、あらゆるニーズにお応えいたします。</p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="t0-b-twoColsMediaWithNumIcon__numIcon">
                        <div class="t0-b-twoColsMediaWithNumIcon__iconPlacer"><span class="t0-b-twoColsMediaWithNumIcon__icon t0-b-twoColsMediaWithNumIcon__icon--tokucho-9"></span></div>
                        <div class="t0-b-twoColsMediaWithNumIcon__numIcon-bd t0-b-twoColsMediaWithNumIcon__numIcon-bd--align-">
                            <div class="t0-b-twoColsMediaWithNumIcon__numIcon-caption-upper" data-cms-path="data.contents.41">○年以上の実績</div>
                            <h4 class="t0-b-twoColsMediaWithNumIcon__numIcon-h" data-cms-path="data.contents.42">豊富な経験と高い技術力</h4>
                            <div class="t0-b-twoColsMediaWithNumIcon__numIcon-caption-lower" data-cms-path="data.contents.43">Results</div>
                        </div>
                    </div>
                    <div data-switchable-key="contents.45.switchable" class="t0-b-twoColsMediaWithNumIcon__box t0-b-twoColsMedia--imgR ex-imageFloat"><span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row9col1 outerHtml" data-cms-path="data.contents.44">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-twoColsMedia__row9col2">
                                <div class="outerHtml" data-cms-path="data.contents.45">
                                    <div class="ex-leftSpacingTweak-">
                                        <div class="b-bPlacer-7s">
                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                <p>当社には○年以上の豊富な経験と高い技術力がございます。これらを生かし、単なる○○だけでなく、あらゆるニーズにお応えいたします。</p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="t0-b-twoColsMediaWithNumIcon__numIcon">
                        <div class="t0-b-twoColsMediaWithNumIcon__iconPlacer"><span class="t0-b-twoColsMediaWithNumIcon__icon t0-b-twoColsMediaWithNumIcon__icon--tokucho-10"></span></div>
                        <div class="t0-b-twoColsMediaWithNumIcon__numIcon-bd t0-b-twoColsMediaWithNumIcon__numIcon-bd--align-">
                            <div class="t0-b-twoColsMediaWithNumIcon__numIcon-caption-upper" data-cms-path="data.contents.46">○年以上の実績</div>
                            <h4 class="t0-b-twoColsMediaWithNumIcon__numIcon-h" data-cms-path="data.contents.47">豊富な経験と高い技術力</h4>
                            <div class="t0-b-twoColsMediaWithNumIcon__numIcon-caption-lower" data-cms-path="data.contents.48">Results</div>
                        </div>
                    </div>
                    <div data-switchable-key="contents.50.switchable" class="t0-b-twoColsMediaWithNumIcon__box t0-b-twoColsMedia--imgR ex-imageFloat"><span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row10col1 outerHtml" data-cms-path="data.contents.49">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-twoColsMedia__row10col2">
                                <div class="outerHtml" data-cms-path="data.contents.50">
                                    <div class="ex-leftSpacingTweak-">
                                        <div class="b-bPlacer-7s">
                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                <p>当社には○年以上の豊富な経験と高い技術力がございます。これらを生かし、単なる○○だけでなく、あらゆるニーズにお応えいたします。</p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="outerHtml" data-cms-path="data.contents.51">
            <div>
                <div class="b-bPlacer-4s">
                    <div class="t0-b-navItem t0-b-navItem--size-3 t0-b-navItem--width- t0-b-navItem--align-" data-height-part="">
                        <div data-cms-path="data.contents.0">
                            <span></span>
                            <div data-cms-contenteditable="data.contents.0.text">詳しくはこちらをクリック</div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
大きい
バリエーション2

当社の3つの特徴

当社の3つの特徴について詳しくご紹介いたします。

○年以上の実績

豊富な経験と高い技術力

Results

当社には○年以上の豊富な経験と高い技術力がございます。これらを生かし、単なる○○だけでなく、あらゆるニーズにお応えいたします。

地元の特性を把握

地域密着型

Community-based

地元で○年間、地域に密着して事業を行なってまいりました。周辺環境や地域の特性など、地元だからこそ把握していることを生かし、きめ細かいサービスを提供いたしております。

お客さまとの対話を重視

時間をかけたカウンセリング

Counseling

お客さまごとにきちんとお時間をとり、丁寧なご説明を心がけております。お客さまにご納得いただけないままお手続きを進めるようなことは一切ございません。安心してご相談ください。

平日お忙しい方のために

土日祝日もご相談を受付

Open on holidays

土日祝日もご相談を受け付けております。平日は仕事でいつも帰りが遅い方や、昼間は家事や育児で忙しい方など、ぜひご利用ください。

明朗会計で安心

パッケージプラン

Package

当社では、各業務、各種サービスの料金を明確に定め、明朗会計のパッケージプランをご用意しております。「何にいくらかかるのかわからない」といったご心配は不要です。

長くお付き合いしていきたいから

充実のフォロー体制

After-sales Service

当社では、単なる事務手続きだけでなく、充実のフォロー体制でお客さまをバックアップいたします。けっして○○して終わり、というわけではありませんので、安心してご相談ください。

○年以上の実績

豊富な経験と高い技術力

Results

当社には○年以上の豊富な経験と高い技術力がございます。これらを生かし、単なる○○だけでなく、あらゆるニーズにお応えいたします。

○年以上の実績

豊富な経験と高い技術力

Results

当社には○年以上の豊富な経験と高い技術力がございます。これらを生かし、単なる○○だけでなく、あらゆるニーズにお応えいたします。

○年以上の実績

豊富な経験と高い技術力

Results

当社には○年以上の豊富な経験と高い技術力がございます。これらを生かし、単なる○○だけでなく、あらゆるニーズにお応えいたします。

○年以上の実績

豊富な経験と高い技術力

Results

当社には○年以上の豊富な経験と高い技術力がございます。これらを生かし、単なる○○だけでなく、あらゆるニーズにお応えいたします。

詳しくはこちらをクリック
<div>
    <div class="b-bPlacer-12s">
        <div class="t0-b-twoColsMediaWithNumIcon2">
            <div class="t0-b-twoColsMediaWithNumIcon2__hd outerHtml" data-cms-path="data.contents.0">
                <div class="ex-leftSpacingTweak-">
                    <div class="b-bPlacer-4s">

                        <div class="t0-b-lv3H t0-b-lv3H--align- t0-b-lv3H--size-2" data-height-part="">
                            <span><span><span></span></span></span>
                            <div>
                                <div class="t0-b-lv3H__iconPlacer">
                                    <span class="t0-b-lv3H__icon"></span>
                                </div>
                                <h3 data-cms-path="data.contents.0">当社の3つの特徴</h3>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="ex-leftSpacingTweak-spread-3s">
                    <div class="b-bPlacer-7s">
                        <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                            <p>当社の3つの特徴について詳しくご紹介いたします。</p>
                        </div>
                    </div>
                </div>
            </div>
            <div class="t0-b-twoColsMediaWithNumIcon2__bd"><span><span><span></span></span></span>
                <div class="t0-b-twoColsMedia t0-b-twoColsMedia--colW-m ex-spLayout__horizon">
                    <div class="t0-b-twoColsMediaWithNumIcon2__numIcon">
                        <div class="t0-b-twoColsMediaWithNumIcon2__iconPlacer"><span class="t0-b-twoColsMediaWithNumIcon2__icon t0-b-twoColsMediaWithNumIcon2__icon--tokucho-1"></span></div>
                        <div class="t0-b-twoColsMediaWithNumIcon2__numIcon-bd t0-b-twoColsMediaWithNumIcon2__numIcon-bd--align-">
                            <div class="t0-b-twoColsMediaWithNumIcon2__numIcon-caption-upper" data-cms-path="data.contents.1">○年以上の実績</div>
                            <h4 class="t0-b-twoColsMediaWithNumIcon2__numIcon-h" data-cms-path="data.contents.2">豊富な経験と高い技術力</h4>
                            <div class="t0-b-twoColsMediaWithNumIcon2__numIcon-caption-lower" data-cms-path="data.contents.3">Results</div>
                        </div>
                    </div>
                    <div class="t0-b-twoColsMediaWithNumIcon2__box t0-b-twoColsMedia--imgR ex-imageFloat"><span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row1col1 outerHtml" data-cms-path="data.contents.4">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-twoColsMedia__row1col2">
                                <div class="outerHtml" data-cms-path="data.contents.5">
                                    <div class="ex-leftSpacingTweak-">
                                        <div class="b-bPlacer-7s">
                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                <p>当社には○年以上の豊富な経験と高い技術力がございます。これらを生かし、単なる○○だけでなく、あらゆるニーズにお応えいたします。</p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="t0-b-twoColsMediaWithNumIcon2__numIcon">
                        <div class="t0-b-twoColsMediaWithNumIcon2__iconPlacer"><span class="t0-b-twoColsMediaWithNumIcon2__icon t0-b-twoColsMediaWithNumIcon2__icon--tokucho-2"></span></div>
                        <div class="t0-b-twoColsMediaWithNumIcon2__numIcon-bd t0-b-twoColsMediaWithNumIcon2__numIcon-bd--align-">
                            <div class="t0-b-twoColsMediaWithNumIcon2__numIcon-caption-upper" data-cms-path="data.contents.6">地元の特性を把握</div>
                            <h4 class="t0-b-twoColsMediaWithNumIcon2__numIcon-h" data-cms-path="data.contents.7">地域密着型</h4>
                            <div class="t0-b-twoColsMediaWithNumIcon2__numIcon-caption-lower" data-cms-path="data.contents.8">Community-based</div>
                        </div>
                    </div>
                    <div data-switchable-key="contents.10.switchable" class="t0-b-twoColsMediaWithNumIcon2__box t0-b-twoColsMedia--imgR ex-imageFloat"><span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row2col1 outerHtml" data-cms-path="data.contents.9">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-twoColsMedia__row2col2">
                                <div class="outerHtml" data-cms-path="data.contents.10">
                                    <div class="ex-leftSpacingTweak-">
                                        <div class="b-bPlacer-7s">
                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                <p>地元で○年間、地域に密着して事業を行なってまいりました。周辺環境や地域の特性など、地元だからこそ把握していることを生かし、きめ細かいサービスを提供いたしております。</p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="t0-b-twoColsMediaWithNumIcon2__numIcon">
                        <div class="t0-b-twoColsMediaWithNumIcon2__iconPlacer"><span class="t0-b-twoColsMediaWithNumIcon2__icon t0-b-twoColsMediaWithNumIcon2__icon--tokucho-3"></span></div>
                        <div class="t0-b-twoColsMediaWithNumIcon2__numIcon-bd t0-b-twoColsMediaWithNumIcon2__numIcon-bd--align-">
                            <div class="t0-b-twoColsMediaWithNumIcon2__numIcon-caption-upper" data-cms-path="data.contents.11">お客さまとの対話を重視</div>
                            <h4 class="t0-b-twoColsMediaWithNumIcon2__numIcon-h" data-cms-path="data.contents.12">時間をかけたカウンセリング</h4>
                            <div class="t0-b-twoColsMediaWithNumIcon2__numIcon-caption-lower" data-cms-path="data.contents.13">Counseling</div>
                        </div>
                    </div>
                    <div data-switchable-key="contents.15.switchable" class="t0-b-twoColsMediaWithNumIcon2__box t0-b-twoColsMedia--imgR ex-imageFloat"><span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row3col1 outerHtml" data-cms-path="data.contents.14">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-twoColsMedia__row3col2">
                                <div class="outerHtml" data-cms-path="data.contents.15">
                                    <div class="ex-leftSpacingTweak-">
                                        <div class="b-bPlacer-7s">
                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                <p>お客さまごとにきちんとお時間をとり、丁寧なご説明を心がけております。お客さまにご納得いただけないままお手続きを進めるようなことは一切ございません。安心してご相談ください。</p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="t0-b-twoColsMediaWithNumIcon2__numIcon">
                        <div class="t0-b-twoColsMediaWithNumIcon2__iconPlacer"><span class="t0-b-twoColsMediaWithNumIcon2__icon t0-b-twoColsMediaWithNumIcon2__icon--tokucho-4"></span></div>
                        <div class="t0-b-twoColsMediaWithNumIcon2__numIcon-bd t0-b-twoColsMediaWithNumIcon2__numIcon-bd--align-">
                            <div class="t0-b-twoColsMediaWithNumIcon2__numIcon-caption-upper" data-cms-path="data.contents.16">平日お忙しい方のために</div>
                            <h4 class="t0-b-twoColsMediaWithNumIcon2__numIcon-h" data-cms-path="data.contents.17">土日祝日もご相談を受付</h4>
                            <div class="t0-b-twoColsMediaWithNumIcon2__numIcon-caption-lower" data-cms-path="data.contents.18">Open on holidays</div>
                        </div>
                    </div>
                    <div data-switchable-key="contents.20.switchable" class="t0-b-twoColsMediaWithNumIcon2__box t0-b-twoColsMedia--imgR ex-imageFloat"><span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row4col1 outerHtml" data-cms-path="data.contents.19">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-twoColsMedia__row4col2">
                                <div class="outerHtml" data-cms-path="data.contents.20">
                                    <div class="ex-leftSpacingTweak-">
                                        <div class="b-bPlacer-7s">
                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                <p>土日祝日もご相談を受け付けております。平日は仕事でいつも帰りが遅い方や、昼間は家事や育児で忙しい方など、ぜひご利用ください。</p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="t0-b-twoColsMediaWithNumIcon2__numIcon">
                        <div class="t0-b-twoColsMediaWithNumIcon2__iconPlacer"><span class="t0-b-twoColsMediaWithNumIcon2__icon t0-b-twoColsMediaWithNumIcon2__icon--tokucho-5"></span></div>
                        <div class="t0-b-twoColsMediaWithNumIcon2__numIcon-bd t0-b-twoColsMediaWithNumIcon2__numIcon-bd--align-">
                            <div class="t0-b-twoColsMediaWithNumIcon2__numIcon-caption-upper" data-cms-path="data.contents.21">明朗会計で安心</div>
                            <h4 class="t0-b-twoColsMediaWithNumIcon2__numIcon-h" data-cms-path="data.contents.22">パッケージプラン</h4>
                            <div class="t0-b-twoColsMediaWithNumIcon2__numIcon-caption-lower" data-cms-path="data.contents.23">Package</div>
                        </div>
                    </div>
                    <div data-switchable-key="contents.25.switchable" class="t0-b-twoColsMediaWithNumIcon2__box t0-b-twoColsMedia--imgR ex-imageFloat"><span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row5col1 outerHtml" data-cms-path="data.contents.24">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-twoColsMedia__row5col2">
                                <div class="outerHtml" data-cms-path="data.contents.25">
                                    <div class="ex-leftSpacingTweak-">
                                        <div class="b-bPlacer-7s">
                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                <p>当社では、各業務、各種サービスの料金を明確に定め、明朗会計のパッケージプランをご用意しております。「何にいくらかかるのかわからない」といったご心配は不要です。</p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="t0-b-twoColsMediaWithNumIcon2__numIcon">
                        <div class="t0-b-twoColsMediaWithNumIcon2__iconPlacer"><span class="t0-b-twoColsMediaWithNumIcon2__icon t0-b-twoColsMediaWithNumIcon2__icon--tokucho-6"></span></div>
                        <div class="t0-b-twoColsMediaWithNumIcon2__numIcon-bd t0-b-twoColsMediaWithNumIcon2__numIcon-bd--align-">
                            <div class="t0-b-twoColsMediaWithNumIcon2__numIcon-caption-upper" data-cms-path="data.contents.26">長くお付き合いしていきたいから</div>
                            <h4 class="t0-b-twoColsMediaWithNumIcon2__numIcon-h" data-cms-path="data.contents.27">充実のフォロー体制</h4>
                            <div class="t0-b-twoColsMediaWithNumIcon2__numIcon-caption-lower" data-cms-path="data.contents.28">After-sales Service</div>
                        </div>
                    </div>
                    <div data-switchable-key="contents.30.switchable" class="t0-b-twoColsMediaWithNumIcon2__box t0-b-twoColsMedia--imgR ex-imageFloat"><span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row6col1 outerHtml" data-cms-path="data.contents.29">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-twoColsMedia__row6col2">
                                <div class="outerHtml" data-cms-path="data.contents.30">
                                    <div class="ex-leftSpacingTweak-">
                                        <div class="b-bPlacer-7s">
                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                <p>当社では、単なる事務手続きだけでなく、充実のフォロー体制でお客さまをバックアップいたします。けっして○○して終わり、というわけではありませんので、安心してご相談ください。</p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="t0-b-twoColsMediaWithNumIcon2__numIcon">
                        <div class="t0-b-twoColsMediaWithNumIcon2__iconPlacer"><span class="t0-b-twoColsMediaWithNumIcon2__icon t0-b-twoColsMediaWithNumIcon2__icon--tokucho-7"></span></div>
                        <div class="t0-b-twoColsMediaWithNumIcon2__numIcon-bd t0-b-twoColsMediaWithNumIcon2__numIcon-bd--align-">
                            <div class="t0-b-twoColsMediaWithNumIcon2__numIcon-caption-upper" data-cms-path="data.contents.31">○年以上の実績</div>
                            <h4 class="t0-b-twoColsMediaWithNumIcon2__numIcon-h" data-cms-path="data.contents.32">豊富な経験と高い技術力</h4>
                            <div class="t0-b-twoColsMediaWithNumIcon2__numIcon-caption-lower" data-cms-path="data.contents.33">Results</div>
                        </div>
                    </div>
                    <div data-switchable-key="contents.35.switchable" class="t0-b-twoColsMediaWithNumIcon2__box t0-b-twoColsMedia--imgR ex-imageFloat"><span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row7col1 outerHtml" data-cms-path="data.contents.34">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-twoColsMedia__row7col2">
                                <div class="outerHtml" data-cms-path="data.contents.35">
                                    <div class="ex-leftSpacingTweak-">
                                        <div class="b-bPlacer-7s">
                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                <p>当社には○年以上の豊富な経験と高い技術力がございます。これらを生かし、単なる○○だけでなく、あらゆるニーズにお応えいたします。</p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="t0-b-twoColsMediaWithNumIcon2__numIcon">
                        <div class="t0-b-twoColsMediaWithNumIcon2__iconPlacer"><span class="t0-b-twoColsMediaWithNumIcon2__icon t0-b-twoColsMediaWithNumIcon2__icon--tokucho-8"></span></div>
                        <div class="t0-b-twoColsMediaWithNumIcon2__numIcon-bd t0-b-twoColsMediaWithNumIcon2__numIcon-bd--align-">
                            <div class="t0-b-twoColsMediaWithNumIcon2__numIcon-caption-upper" data-cms-path="data.contents.36">○年以上の実績</div>
                            <h4 class="t0-b-twoColsMediaWithNumIcon2__numIcon-h" data-cms-path="data.contents.37">豊富な経験と高い技術力</h4>
                            <div class="t0-b-twoColsMediaWithNumIcon2__numIcon-caption-lower" data-cms-path="data.contents.38">Results</div>
                        </div>
                    </div>
                    <div data-switchable-key="contents.40.switchable" class="t0-b-twoColsMediaWithNumIcon2__box t0-b-twoColsMedia--imgR ex-imageFloat"><span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row8col1 outerHtml" data-cms-path="data.contents.39">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-twoColsMedia__row8col2">
                                <div class="outerHtml" data-cms-path="data.contents.40">
                                    <div class="ex-leftSpacingTweak-">
                                        <div class="b-bPlacer-7s">
                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                <p>当社には○年以上の豊富な経験と高い技術力がございます。これらを生かし、単なる○○だけでなく、あらゆるニーズにお応えいたします。</p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="t0-b-twoColsMediaWithNumIcon2__numIcon">
                        <div class="t0-b-twoColsMediaWithNumIcon2__iconPlacer"><span class="t0-b-twoColsMediaWithNumIcon2__icon t0-b-twoColsMediaWithNumIcon2__icon--tokucho-9"></span></div>
                        <div class="t0-b-twoColsMediaWithNumIcon2__numIcon-bd t0-b-twoColsMediaWithNumIcon2__numIcon-bd--align-">
                            <div class="t0-b-twoColsMediaWithNumIcon2__numIcon-caption-upper" data-cms-path="data.contents.41">○年以上の実績</div>
                            <h4 class="t0-b-twoColsMediaWithNumIcon2__numIcon-h" data-cms-path="data.contents.42">豊富な経験と高い技術力</h4>
                            <div class="t0-b-twoColsMediaWithNumIcon2__numIcon-caption-lower" data-cms-path="data.contents.43">Results</div>
                        </div>
                    </div>
                    <div data-switchable-key="contents.45.switchable" class="t0-b-twoColsMediaWithNumIcon2__box t0-b-twoColsMedia--imgR ex-imageFloat"><span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row9col1 outerHtml" data-cms-path="data.contents.44">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-twoColsMedia__row9col2">
                                <div class="outerHtml" data-cms-path="data.contents.45">
                                    <div class="ex-leftSpacingTweak-">
                                        <div class="b-bPlacer-7s">
                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                <p>当社には○年以上の豊富な経験と高い技術力がございます。これらを生かし、単なる○○だけでなく、あらゆるニーズにお応えいたします。</p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="t0-b-twoColsMediaWithNumIcon2__numIcon">
                        <div class="t0-b-twoColsMediaWithNumIcon2__iconPlacer"><span class="t0-b-twoColsMediaWithNumIcon2__icon t0-b-twoColsMediaWithNumIcon2__icon--tokucho-10"></span></div>
                        <div class="t0-b-twoColsMediaWithNumIcon2__numIcon-bd t0-b-twoColsMediaWithNumIcon2__numIcon-bd--align-">
                            <div class="t0-b-twoColsMediaWithNumIcon2__numIcon-caption-upper" data-cms-path="data.contents.46">○年以上の実績</div>
                            <h4 class="t0-b-twoColsMediaWithNumIcon2__numIcon-h" data-cms-path="data.contents.47">豊富な経験と高い技術力</h4>
                            <div class="t0-b-twoColsMediaWithNumIcon2__numIcon-caption-lower" data-cms-path="data.contents.48">Results</div>
                        </div>
                    </div>
                    <div data-switchable-key="contents.50.switchable" class="t0-b-twoColsMediaWithNumIcon2__box t0-b-twoColsMedia--imgR ex-imageFloat"><span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row10col1 outerHtml" data-cms-path="data.contents.49">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-twoColsMedia__row10col2">
                                <div class="outerHtml" data-cms-path="data.contents.50">
                                    <div class="ex-leftSpacingTweak-">
                                        <div class="b-bPlacer-7s">
                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                <p>当社には○年以上の豊富な経験と高い技術力がございます。これらを生かし、単なる○○だけでなく、あらゆるニーズにお応えいたします。</p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="outerHtml" data-cms-path="data.contents.51">
            <div>
                <div class="b-bPlacer-4s">
                    <div class="t0-b-navItem t0-b-navItem--size-3 t0-b-navItem--width- t0-b-navItem--align-" data-height-part="">
                        <div data-cms-path="data.contents.0">
                            <span></span>
                            <div data-cms-contenteditable="data.contents.0.text">詳しくはこちらをクリック</div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

サイズ設定

/temp/unittest/parts/003_frameWithHCaption-2_acrePartsMain3_f14.md
  • f14

ブロック名称:サイズ設定

[f14:サイズ設定(機能仕様)]

デザイン・機能仕様:

個別仕様


見出しのみ
小さい、中、大きいの3段階
見出しのサイズ設定機能 https://goo.gl/GT6pj9

テストケース:

  • (個別仕様がある場合)個別仕様通りに実装されていること 
  • 指定した通りの大きさで表示されていること (PCのみ)
  • サイズ設定が反映されていないこと (SPのみ)
小さい
バリエーション1

お客さまの声

編集枠:グループ1
編集枠:画像列(グループ2)
編集枠:グループ2
<div>
    <div class="b-bPlacer-12s">
        <div class="t0-b-frameWithHCaption"><span><span><span></span></span></span>
            <div data-switchable-key="contents.1.switchable" class="t0-b-frameWithHCaption__hd t0-b-frameWithHCaption__hd--align-"><span><span><span></span></span></span>
                <div class="t0-b-frameWithHCaption__hd-h">
                    <h3 data-cms-path="data.contents.1">お客さまの声</h3>
                </div>
            </div>
            <div class="t0-b-frameWithHCaption__bd"><span><span><span></span></span></span>
                <div class="t0-b-twoColsMedia t0-b-twoColsMedia--colW-m t0-b-twoColsMedia--imgR ex-imageFloat ex-spLayout__horizon">
                    <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                        <div class="t0-b-twoColsMedia__row1col2">
                            <div class="outerHtml" data-cms-path="data.contents.5">
                                <div style="border: 1px dashed red;padding: 5px;">編集枠:グループ1</div>
                            </div>
                        </div>
                        <div class="clearfix"></div>
                    </div>
                    <div data-switchable-key="contents.7.switchable" class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                        <div class="t0-b-twoColsMedia__row2col1 outerHtml" data-cms-path="data.contents.6">
                            <div style="border: 1px dashed red;padding: 5px;">編集枠:画像列(グループ2)</div>
                        </div>
                        <div class="t0-b-twoColsMedia__row2col2">
                            <div class="outerHtml" data-cms-path="data.contents.7">
                                <div style="border: 1px dashed red;padding: 5px;">編集枠:グループ2</div>
                            </div>
                        </div>
                        <div class="clearfix"></div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
小さい
バリエーション2

お客さまの声

編集枠:グループ1
編集枠:画像列(グループ2)
編集枠:グループ2
<div>
    <div class="b-bPlacer-12s">
        <div class="t0-b-frameWithHCaption2"><span><span><span></span></span></span>
            <div data-switchable-key="contents.1.switchable" class="t0-b-frameWithHCaption2__hd t0-b-frameWithHCaption2__hd--align-"><span><span><span></span></span></span>
                <div class="t0-b-frameWithHCaption2__hd-h">
                    <h3 data-cms-path="data.contents.1">お客さまの声</h3>
                </div>
            </div>
            <div class="t0-b-frameWithHCaption2__bd"><span><span><span></span></span></span>
                <div class="t0-b-twoColsMedia t0-b-twoColsMedia--colW-m t0-b-twoColsMedia--imgR ex-imageFloat ex-spLayout__horizon">
                    <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                        <div class="t0-b-twoColsMedia__row1col2">
                            <div class="outerHtml" data-cms-path="data.contents.5">
                                <div style="border: 1px dashed red;padding: 5px;">編集枠:グループ1</div>
                            </div>
                        </div>
                        <div class="clearfix"></div>
                    </div>
                    <div data-switchable-key="contents.7.switchable" class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                        <div class="t0-b-twoColsMedia__row2col1 outerHtml" data-cms-path="data.contents.6">
                            <div style="border: 1px dashed red;padding: 5px;">編集枠:画像列(グループ2)</div>
                        </div>
                        <div class="t0-b-twoColsMedia__row2col2">
                            <div class="outerHtml" data-cms-path="data.contents.7">
                                <div style="border: 1px dashed red;padding: 5px;">編集枠:グループ2</div>
                            </div>
                        </div>
                        <div class="clearfix"></div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
バリエーション1

お客さまの声

編集枠:グループ1
編集枠:画像列(グループ2)
編集枠:グループ2
<div>
    <div class="b-bPlacer-12s">
        <div class="t0-b-frameWithHCaption"><span><span><span></span></span></span>
            <div data-switchable-key="contents.1.switchable" class="t0-b-frameWithHCaption__hd t0-b-frameWithHCaption__hd--align-"><span><span><span></span></span></span>
                <div class="t0-b-frameWithHCaption__hd-h">
                    <h3 data-cms-path="data.contents.1">お客さまの声</h3>
                </div>
            </div>
            <div class="t0-b-frameWithHCaption__bd"><span><span><span></span></span></span>
                <div class="t0-b-twoColsMedia t0-b-twoColsMedia--colW-m t0-b-twoColsMedia--imgR ex-imageFloat ex-spLayout__horizon">
                    <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                        <div class="t0-b-twoColsMedia__row1col2">
                            <div class="outerHtml" data-cms-path="data.contents.5">
                                <div style="border: 1px dashed red;padding: 5px;">編集枠:グループ1</div>
                            </div>
                        </div>
                        <div class="clearfix"></div>
                    </div>
                    <div data-switchable-key="contents.7.switchable" class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                        <div class="t0-b-twoColsMedia__row2col1 outerHtml" data-cms-path="data.contents.6">
                            <div style="border: 1px dashed red;padding: 5px;">編集枠:画像列(グループ2)</div>
                        </div>
                        <div class="t0-b-twoColsMedia__row2col2">
                            <div class="outerHtml" data-cms-path="data.contents.7">
                                <div style="border: 1px dashed red;padding: 5px;">編集枠:グループ2</div>
                            </div>
                        </div>
                        <div class="clearfix"></div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
バリエーション2

お客さまの声

編集枠:グループ1
編集枠:画像列(グループ2)
編集枠:グループ2
<div>
    <div class="b-bPlacer-12s">
        <div class="t0-b-frameWithHCaption2"><span><span><span></span></span></span>
            <div data-switchable-key="contents.1.switchable" class="t0-b-frameWithHCaption2__hd t0-b-frameWithHCaption2__hd--align-"><span><span><span></span></span></span>
                <div class="t0-b-frameWithHCaption2__hd-h">
                    <h3 data-cms-path="data.contents.1">お客さまの声</h3>
                </div>
            </div>
            <div class="t0-b-frameWithHCaption2__bd"><span><span><span></span></span></span>
                <div class="t0-b-twoColsMedia t0-b-twoColsMedia--colW-m t0-b-twoColsMedia--imgR ex-imageFloat ex-spLayout__horizon">
                    <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                        <div class="t0-b-twoColsMedia__row1col2">
                            <div class="outerHtml" data-cms-path="data.contents.5">
                                <div style="border: 1px dashed red;padding: 5px;">編集枠:グループ1</div>
                            </div>
                        </div>
                        <div class="clearfix"></div>
                    </div>
                    <div data-switchable-key="contents.7.switchable" class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                        <div class="t0-b-twoColsMedia__row2col1 outerHtml" data-cms-path="data.contents.6">
                            <div style="border: 1px dashed red;padding: 5px;">編集枠:画像列(グループ2)</div>
                        </div>
                        <div class="t0-b-twoColsMedia__row2col2">
                            <div class="outerHtml" data-cms-path="data.contents.7">
                                <div style="border: 1px dashed red;padding: 5px;">編集枠:グループ2</div>
                            </div>
                        </div>
                        <div class="clearfix"></div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
大きい
バリエーション1

お客さまの声

編集枠:グループ1
編集枠:画像列(グループ2)
編集枠:グループ2
<div>
    <div class="b-bPlacer-12s">
        <div class="t0-b-frameWithHCaption"><span><span><span></span></span></span>
            <div data-switchable-key="contents.1.switchable" class="t0-b-frameWithHCaption__hd t0-b-frameWithHCaption__hd--align-"><span><span><span></span></span></span>
                <div class="t0-b-frameWithHCaption__hd-h">
                    <h3 data-cms-path="data.contents.1">お客さまの声</h3>
                </div>
            </div>
            <div class="t0-b-frameWithHCaption__bd"><span><span><span></span></span></span>
                <div class="t0-b-twoColsMedia t0-b-twoColsMedia--colW-m t0-b-twoColsMedia--imgR ex-imageFloat ex-spLayout__horizon">
                    <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                        <div class="t0-b-twoColsMedia__row1col2">
                            <div class="outerHtml" data-cms-path="data.contents.5">
                                <div style="border: 1px dashed red;padding: 5px;">編集枠:グループ1</div>
                            </div>
                        </div>
                        <div class="clearfix"></div>
                    </div>
                    <div data-switchable-key="contents.7.switchable" class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                        <div class="t0-b-twoColsMedia__row2col1 outerHtml" data-cms-path="data.contents.6">
                            <div style="border: 1px dashed red;padding: 5px;">編集枠:画像列(グループ2)</div>
                        </div>
                        <div class="t0-b-twoColsMedia__row2col2">
                            <div class="outerHtml" data-cms-path="data.contents.7">
                                <div style="border: 1px dashed red;padding: 5px;">編集枠:グループ2</div>
                            </div>
                        </div>
                        <div class="clearfix"></div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
大きい
バリエーション2

お客さまの声

編集枠:グループ1
編集枠:画像列(グループ2)
編集枠:グループ2
<div>
    <div class="b-bPlacer-12s">
        <div class="t0-b-frameWithHCaption2"><span><span><span></span></span></span>
            <div data-switchable-key="contents.1.switchable" class="t0-b-frameWithHCaption2__hd t0-b-frameWithHCaption2__hd--align-"><span><span><span></span></span></span>
                <div class="t0-b-frameWithHCaption2__hd-h">
                    <h3 data-cms-path="data.contents.1">お客さまの声</h3>
                </div>
            </div>
            <div class="t0-b-frameWithHCaption2__bd"><span><span><span></span></span></span>
                <div class="t0-b-twoColsMedia t0-b-twoColsMedia--colW-m t0-b-twoColsMedia--imgR ex-imageFloat ex-spLayout__horizon">
                    <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                        <div class="t0-b-twoColsMedia__row1col2">
                            <div class="outerHtml" data-cms-path="data.contents.5">
                                <div style="border: 1px dashed red;padding: 5px;">編集枠:グループ1</div>
                            </div>
                        </div>
                        <div class="clearfix"></div>
                    </div>
                    <div data-switchable-key="contents.7.switchable" class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                        <div class="t0-b-twoColsMedia__row2col1 outerHtml" data-cms-path="data.contents.6">
                            <div style="border: 1px dashed red;padding: 5px;">編集枠:画像列(グループ2)</div>
                        </div>
                        <div class="t0-b-twoColsMedia__row2col2">
                            <div class="outerHtml" data-cms-path="data.contents.7">
                                <div style="border: 1px dashed red;padding: 5px;">編集枠:グループ2</div>
                            </div>
                        </div>
                        <div class="clearfix"></div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

サイズ設定

/temp/unittest/parts/009_fileDownloads_fileDownloads_f14.md
  • f14

ブロック名称:サイズ設定

[f14:サイズ設定(機能仕様)]

デザイン・機能仕様:

個別仕様


ダウンロードリンクのサイズ変更機能仕様: https://goo.gl/H1Ubwj

テストケース:

  • (個別仕様がある場合)個別仕様通りに実装されていること 
  • 指定した通りの大きさで表示されていること (PCのみ)
  • サイズ設定が反映されていないこと (SPのみ)
とても小さい
バリエーション1
<div class="ex-leftSpacingTweak-spread-2s">
    <div class="b-bPlacer-2s">
        <div class="t0-b-fileDownloads t0-b-fileDownloads--size-1" data-height-part="">
            <div class="t0-b-fileDownloads__item">
                <a data-cms-path="data.contents.0" data-cms-editable="download" href="" target="">
                    <span class="t0-b-fileDownloads__itemSplit">
                        <span class="t0-b-fileDownloads__itemIcon">
                            <span class="b-downloadIcon b-downloadIcon--pdf"></span>
                        </span>
                        <span class="t0-b-fileDownloads__itemText">ファイルをダウンロード</span>
                    </span>
                </a>
            </div>
        </div>
    </div>
</div>
小さい
バリエーション1
<div class="ex-leftSpacingTweak-spread-2s">
    <div class="b-bPlacer-2s">
        <div class="t0-b-fileDownloads t0-b-fileDownloads--size-2" data-height-part="">
            <div class="t0-b-fileDownloads__item">
                <a data-cms-path="data.contents.0" data-cms-editable="download" href="" target="">
                    <span class="t0-b-fileDownloads__itemSplit">
                        <span class="t0-b-fileDownloads__itemIcon">
                            <span class="b-downloadIcon b-downloadIcon--pdf"></span>
                        </span>
                        <span class="t0-b-fileDownloads__itemText">ファイルをダウンロード</span>
                    </span>
                </a>
            </div>
        </div>
    </div>
</div>
バリエーション1
<div class="ex-leftSpacingTweak-spread-2s">
    <div class="b-bPlacer-2s">
        <div class="t0-b-fileDownloads t0-b-fileDownloads--size-3" data-height-part="">
            <div class="t0-b-fileDownloads__item">
                <a data-cms-path="data.contents.0" data-cms-editable="download" href="" target="">
                    <span class="t0-b-fileDownloads__itemSplit">
                        <span class="t0-b-fileDownloads__itemIcon">
                            <span class="b-downloadIcon b-downloadIcon--pdf"></span>
                        </span>
                        <span class="t0-b-fileDownloads__itemText">ファイルをダウンロード</span>
                    </span>
                </a>
            </div>
        </div>
    </div>
</div>
大きい
バリエーション1
<div class="ex-leftSpacingTweak-spread-2s">
    <div class="b-bPlacer-2s">
        <div class="t0-b-fileDownloads t0-b-fileDownloads--size-4" data-height-part="">
            <div class="t0-b-fileDownloads__item">
                <a data-cms-path="data.contents.0" data-cms-editable="download" href="" target="">
                    <span class="t0-b-fileDownloads__itemSplit">
                        <span class="t0-b-fileDownloads__itemIcon">
                            <span class="b-downloadIcon b-downloadIcon--pdf"></span>
                        </span>
                        <span class="t0-b-fileDownloads__itemText">ファイルをダウンロード</span>
                    </span>
                </a>
            </div>
        </div>
    </div>
</div>
とても大きい
バリエーション1
<div class="ex-leftSpacingTweak-spread-2s">
    <div class="b-bPlacer-2s">
        <div class="t0-b-fileDownloads t0-b-fileDownloads--size-5" data-height-part="">
            <div class="t0-b-fileDownloads__item">
                <a data-cms-path="data.contents.0" data-cms-editable="download" href="" target="">
                    <span class="t0-b-fileDownloads__itemSplit">
                        <span class="t0-b-fileDownloads__itemIcon">
                            <span class="b-downloadIcon b-downloadIcon--pdf"></span>
                        </span>
                        <span class="t0-b-fileDownloads__itemText">ファイルをダウンロード</span>
                    </span>
                </a>
            </div>
        </div>
    </div>
</div>

サイズ設定

/temp/unittest/parts/033_lv2H_lv2H_f14.md
  • f14

ブロック名称:サイズ設定

[f14:サイズ設定(機能仕様)]

デザイン・機能仕様:

個別仕様


小さい、中、大きいの3段階
見出しのサイズ設定機能 https://goo.gl/GT6pj9

テストケース:

  • (個別仕様がある場合)個別仕様通りに実装されていること 
  • 指定した通りの大きさで表示されていること (PCのみ)
  • サイズ設定が反映されていないこと (SPのみ)
小さい
バリエーション1

大見出し

<div class="ex-leftSpacingTweak-">
    <div class="b-bPlacer-4s">

        <div class="t0-b-lv2H t0-b-lv2H--align- t0-b-lv2H--size-1" data-height-part="">
            <span><span><span></span></span></span>
            <div>
                <div class="t0-b-lv2H__iconPlacer">
                    <span class="t0-b-lv2H__icon"></span>
                </div>
                <h2 data-cms-path="data.contents.0">大見出し</h2>
            </div>
        </div>
    </div>
</div>
小さい
バリエーション2

大見出し

<div class="ex-leftSpacingTweak-">
    <div class="b-bPlacer-4s">

        <div class="t0-b-lv2H2 t0-b-lv2H2--align- t0-b-lv2H2--size-1" data-height-part="">
            <span><span><span></span></span></span>
            <div>
                <div class="t0-b-lv2H2__iconPlacer">
                    <span class="t0-b-lv2H2__icon"></span>
                </div>
                <h2 data-cms-path="data.contents.0">大見出し</h2>
            </div>
        </div>
    </div>
</div>
バリエーション1

大見出し

<div class="ex-leftSpacingTweak-">
    <div class="b-bPlacer-4s">

        <div class="t0-b-lv2H t0-b-lv2H--align- t0-b-lv2H--size-2" data-height-part="">
            <span><span><span></span></span></span>
            <div>
                <div class="t0-b-lv2H__iconPlacer">
                    <span class="t0-b-lv2H__icon"></span>
                </div>
                <h2 data-cms-path="data.contents.0">大見出し</h2>
            </div>
        </div>
    </div>
</div>
バリエーション2

大見出し

<div class="ex-leftSpacingTweak-">
    <div class="b-bPlacer-4s">

        <div class="t0-b-lv2H2 t0-b-lv2H2--align- t0-b-lv2H2--size-2" data-height-part="">
            <span><span><span></span></span></span>
            <div>
                <div class="t0-b-lv2H2__iconPlacer">
                    <span class="t0-b-lv2H2__icon"></span>
                </div>
                <h2 data-cms-path="data.contents.0">大見出し</h2>
            </div>
        </div>
    </div>
</div>
大きい
バリエーション1

大見出し

<div class="ex-leftSpacingTweak-">
    <div class="b-bPlacer-4s">

        <div class="t0-b-lv2H t0-b-lv2H--align- t0-b-lv2H--size-3" data-height-part="">
            <span><span><span></span></span></span>
            <div>
                <div class="t0-b-lv2H__iconPlacer">
                    <span class="t0-b-lv2H__icon"></span>
                </div>
                <h2 data-cms-path="data.contents.0">大見出し</h2>
            </div>
        </div>
    </div>
</div>
大きい
バリエーション2

大見出し

<div class="ex-leftSpacingTweak-">
    <div class="b-bPlacer-4s">

        <div class="t0-b-lv2H2 t0-b-lv2H2--align- t0-b-lv2H2--size-3" data-height-part="">
            <span><span><span></span></span></span>
            <div>
                <div class="t0-b-lv2H2__iconPlacer">
                    <span class="t0-b-lv2H2__icon"></span>
                </div>
                <h2 data-cms-path="data.contents.0">大見出し</h2>
            </div>
        </div>
    </div>
</div>

サイズ設定

/temp/unittest/parts/034_lv3H_lv3H_f14.md
  • f14

ブロック名称:サイズ設定

[f14:サイズ設定(機能仕様)]

デザイン・機能仕様:

個別仕様


小さい、中、大きいの3段階
見出しのサイズ設定機能 https://goo.gl/GT6pj9

テストケース:

  • (個別仕様がある場合)個別仕様通りに実装されていること 
  • 指定した通りの大きさで表示されていること (PCのみ)
  • サイズ設定が反映されていないこと (SPのみ)
小さい
バリエーション1

中見出し

<div class="ex-leftSpacingTweak-">
    <div class="b-bPlacer-4s">

        <div class="t0-b-lv3H t0-b-lv3H--align- t0-b-lv3H--size-1" data-height-part="">
            <span><span><span></span></span></span>
            <div>
                <div class="t0-b-lv3H__iconPlacer">
                    <span class="t0-b-lv3H__icon"></span>
                </div>
                <h3 data-cms-path="data.contents.0">中見出し</h3>
            </div>
        </div>
    </div>
</div>
小さい
バリエーション2

中見出し

<div class="ex-leftSpacingTweak-">
    <div class="b-bPlacer-4s">

        <div class="t0-b-lv3H2 t0-b-lv3H2--align- t0-b-lv3H2--size-1" data-height-part="">
            <span><span><span></span></span></span>
            <div>
                <div class="t0-b-lv3H2__iconPlacer">
                    <span class="t0-b-lv3H2__icon"></span>
                </div>
                <h3 data-cms-path="data.contents.0">中見出し</h3>
            </div>
        </div>
    </div>
</div>
バリエーション1

中見出し

<div class="ex-leftSpacingTweak-">
    <div class="b-bPlacer-4s">

        <div class="t0-b-lv3H t0-b-lv3H--align- t0-b-lv3H--size-2" data-height-part="">
            <span><span><span></span></span></span>
            <div>
                <div class="t0-b-lv3H__iconPlacer">
                    <span class="t0-b-lv3H__icon"></span>
                </div>
                <h3 data-cms-path="data.contents.0">中見出し</h3>
            </div>
        </div>
    </div>
</div>
バリエーション2

中見出し

<div class="ex-leftSpacingTweak-">
    <div class="b-bPlacer-4s">

        <div class="t0-b-lv3H2 t0-b-lv3H2--align- t0-b-lv3H2--size-2" data-height-part="">
            <span><span><span></span></span></span>
            <div>
                <div class="t0-b-lv3H2__iconPlacer">
                    <span class="t0-b-lv3H2__icon"></span>
                </div>
                <h3 data-cms-path="data.contents.0">中見出し</h3>
            </div>
        </div>
    </div>
</div>
大きい
バリエーション1

中見出し

<div class="ex-leftSpacingTweak-">
    <div class="b-bPlacer-4s">

        <div class="t0-b-lv3H t0-b-lv3H--align- t0-b-lv3H--size-3" data-height-part="">
            <span><span><span></span></span></span>
            <div>
                <div class="t0-b-lv3H__iconPlacer">
                    <span class="t0-b-lv3H__icon"></span>
                </div>
                <h3 data-cms-path="data.contents.0">中見出し</h3>
            </div>
        </div>
    </div>
</div>
大きい
バリエーション2

中見出し

<div class="ex-leftSpacingTweak-">
    <div class="b-bPlacer-4s">

        <div class="t0-b-lv3H2 t0-b-lv3H2--align- t0-b-lv3H2--size-3" data-height-part="">
            <span><span><span></span></span></span>
            <div>
                <div class="t0-b-lv3H2__iconPlacer">
                    <span class="t0-b-lv3H2__icon"></span>
                </div>
                <h3 data-cms-path="data.contents.0">中見出し</h3>
            </div>
        </div>
    </div>
</div>

サイズ設定

/temp/unittest/parts/035_lv4H_lv4H_f14.md
  • f14

ブロック名称:サイズ設定

[f14:サイズ設定(機能仕様)]

デザイン・機能仕様:

個別仕様


小さい、中、大きいの3段階
見出しのサイズ設定機能 https://goo.gl/GT6pj9

テストケース:

  • (個別仕様がある場合)個別仕様通りに実装されていること 
  • 指定した通りの大きさで表示されていること (PCのみ)
  • サイズ設定が反映されていないこと (SPのみ)
小さい
バリエーション1
装飾見出し補足

装飾見出し

装飾見出し補足
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-lv4H t0-b-lv4H--align- t0-b-lv4H--size-1" data-height-part=""><span><span><span></span></span></span>
            <div class="t0-b-lv4H__box">
                <div class="t0-b-lv4H__caption-upper" data-cms-path="data.contents.0">装飾見出し補足</div>
                <div class="t0-b-lv4H__bd"><span><span><span></span></span></span>
                    <h4 data-cms-path="data.contents.1">装飾見出し</h4>
                </div>
            </div>
            <div class="t0-b-lv4H__caption-lower" data-cms-path="data.contents.2">装飾見出し補足</div>
        </div>
    </div>
</div>
小さい
バリエーション2
装飾見出し補足

装飾見出し

装飾見出し補足
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-lv4H2 t0-b-lv4H2--align- t0-b-lv4H2--size-1" data-height-part=""><span><span><span></span></span></span>
            <div class="t0-b-lv4H2__box">
                <div class="t0-b-lv4H2__caption-upper" data-cms-path="data.contents.0">装飾見出し補足</div>
                <div class="t0-b-lv4H2__bd"><span><span><span></span></span></span>
                    <h4 data-cms-path="data.contents.1">装飾見出し</h4>
                </div>
            </div>
            <div class="t0-b-lv4H2__caption-lower" data-cms-path="data.contents.2">装飾見出し補足</div>
        </div>
    </div>
</div>
バリエーション1
装飾見出し補足

装飾見出し

装飾見出し補足
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-lv4H t0-b-lv4H--align- t0-b-lv4H--size-2" data-height-part=""><span><span><span></span></span></span>
            <div class="t0-b-lv4H__box">
                <div class="t0-b-lv4H__caption-upper" data-cms-path="data.contents.0">装飾見出し補足</div>
                <div class="t0-b-lv4H__bd"><span><span><span></span></span></span>
                    <h4 data-cms-path="data.contents.1">装飾見出し</h4>
                </div>
            </div>
            <div class="t0-b-lv4H__caption-lower" data-cms-path="data.contents.2">装飾見出し補足</div>
        </div>
    </div>
</div>
バリエーション2
装飾見出し補足

装飾見出し

装飾見出し補足
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-lv4H2 t0-b-lv4H2--align- t0-b-lv4H2--size-2" data-height-part=""><span><span><span></span></span></span>
            <div class="t0-b-lv4H2__box">
                <div class="t0-b-lv4H2__caption-upper" data-cms-path="data.contents.0">装飾見出し補足</div>
                <div class="t0-b-lv4H2__bd"><span><span><span></span></span></span>
                    <h4 data-cms-path="data.contents.1">装飾見出し</h4>
                </div>
            </div>
            <div class="t0-b-lv4H2__caption-lower" data-cms-path="data.contents.2">装飾見出し補足</div>
        </div>
    </div>
</div>
大きい
バリエーション1
装飾見出し補足

装飾見出し

装飾見出し補足
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-lv4H t0-b-lv4H--align- t0-b-lv4H--size-3" data-height-part=""><span><span><span></span></span></span>
            <div class="t0-b-lv4H__box">
                <div class="t0-b-lv4H__caption-upper" data-cms-path="data.contents.0">装飾見出し補足</div>
                <div class="t0-b-lv4H__bd"><span><span><span></span></span></span>
                    <h4 data-cms-path="data.contents.1">装飾見出し</h4>
                </div>
            </div>
            <div class="t0-b-lv4H__caption-lower" data-cms-path="data.contents.2">装飾見出し補足</div>
        </div>
    </div>
</div>
大きい
バリエーション2
装飾見出し補足

装飾見出し

装飾見出し補足
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-lv4H2 t0-b-lv4H2--align- t0-b-lv4H2--size-3" data-height-part=""><span><span><span></span></span></span>
            <div class="t0-b-lv4H2__box">
                <div class="t0-b-lv4H2__caption-upper" data-cms-path="data.contents.0">装飾見出し補足</div>
                <div class="t0-b-lv4H2__bd"><span><span><span></span></span></span>
                    <h4 data-cms-path="data.contents.1">装飾見出し</h4>
                </div>
            </div>
            <div class="t0-b-lv4H2__caption-lower" data-cms-path="data.contents.2">装飾見出し補足</div>
        </div>
    </div>
</div>

サイズ設定

/temp/unittest/parts/036_lv4H-numIcon_lv4H-numIcon_f14.md
  • f14

ブロック名称:サイズ設定

[f14:サイズ設定(機能仕様)]

デザイン・機能仕様:

個別仕様


小さい、中、大きいの3段階
見出しのサイズ設定機能 https://goo.gl/GT6pj9

テストケース:

  • (個別仕様がある場合)個別仕様通りに実装されていること 
  • 指定した通りの大きさで表示されていること (PCのみ)
  • サイズ設定が反映されていないこと (SPのみ)
小さい
バリエーション1
アイコン見出し補足

アイコン見出し

アイコン見出し補足
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-lv4H-numIcon t0-b-lv4H-numIcon--align- t0-b-lv4H-numIcon--size-1" data-height-part="">
            <div>
                <div class="t0-b-lv4H-numIcon__iconPlacer">
                    <span class="t0-b-lv4H-numIcon__icon t0-b-lv4H-numIcon__icon--anshin-1"></span>
                </div>
                <div class="t0-b-lv4H-numIcon__bd">
                    <div class="t0-b-lv4H-numIcon__caption-upper" data-cms-path="data.contents.0">アイコン見出し補足</div>
                    <h4 class="t0-b-lv4H-numIcon__h" data-cms-path="data.contents.1">アイコン見出し</h4>
                    <div class="t0-b-lv4H-numIcon__caption-lower" data-cms-path="data.contents.2">アイコン見出し補足</div>
                </div>
            </div>
        </div>
    </div>
</div>
小さい
バリエーション2
アイコン見出し補足

アイコン見出し

アイコン見出し補足
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-lv4H-numIcon2 t0-b-lv4H-numIcon2--align- t0-b-lv4H-numIcon2--size-1" data-height-part="">
            <div>
                <div class="t0-b-lv4H-numIcon2__iconPlacer">
                    <span class="t0-b-lv4H-numIcon2__icon t0-b-lv4H-numIcon2__icon--anshin-1"></span>
                </div>
                <div class="t0-b-lv4H-numIcon2__bd">
                    <div class="t0-b-lv4H-numIcon2__caption-upper" data-cms-path="data.contents.0">アイコン見出し補足</div>
                    <h4 class="t0-b-lv4H-numIcon2__h" data-cms-path="data.contents.1">アイコン見出し</h4>
                    <div class="t0-b-lv4H-numIcon2__caption-lower" data-cms-path="data.contents.2">アイコン見出し補足</div>
                </div>
            </div>
        </div>
    </div>
</div>
バリエーション1
アイコン見出し補足

アイコン見出し

アイコン見出し補足
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-lv4H-numIcon t0-b-lv4H-numIcon--align- t0-b-lv4H-numIcon--size-2" data-height-part="">
            <div>
                <div class="t0-b-lv4H-numIcon__iconPlacer">
                    <span class="t0-b-lv4H-numIcon__icon t0-b-lv4H-numIcon__icon--anshin-1"></span>
                </div>
                <div class="t0-b-lv4H-numIcon__bd">
                    <div class="t0-b-lv4H-numIcon__caption-upper" data-cms-path="data.contents.0">アイコン見出し補足</div>
                    <h4 class="t0-b-lv4H-numIcon__h" data-cms-path="data.contents.1">アイコン見出し</h4>
                    <div class="t0-b-lv4H-numIcon__caption-lower" data-cms-path="data.contents.2">アイコン見出し補足</div>
                </div>
            </div>
        </div>
    </div>
</div>
バリエーション2
アイコン見出し補足

アイコン見出し

アイコン見出し補足
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-lv4H-numIcon2 t0-b-lv4H-numIcon2--align- t0-b-lv4H-numIcon2--size-2" data-height-part="">
            <div>
                <div class="t0-b-lv4H-numIcon2__iconPlacer">
                    <span class="t0-b-lv4H-numIcon2__icon t0-b-lv4H-numIcon2__icon--anshin-1"></span>
                </div>
                <div class="t0-b-lv4H-numIcon2__bd">
                    <div class="t0-b-lv4H-numIcon2__caption-upper" data-cms-path="data.contents.0">アイコン見出し補足</div>
                    <h4 class="t0-b-lv4H-numIcon2__h" data-cms-path="data.contents.1">アイコン見出し</h4>
                    <div class="t0-b-lv4H-numIcon2__caption-lower" data-cms-path="data.contents.2">アイコン見出し補足</div>
                </div>
            </div>
        </div>
    </div>
</div>
大きい
バリエーション1
アイコン見出し補足

アイコン見出し

アイコン見出し補足
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-lv4H-numIcon t0-b-lv4H-numIcon--align- t0-b-lv4H-numIcon--size-3" data-height-part="">
            <div>
                <div class="t0-b-lv4H-numIcon__iconPlacer">
                    <span class="t0-b-lv4H-numIcon__icon t0-b-lv4H-numIcon__icon--anshin-1"></span>
                </div>
                <div class="t0-b-lv4H-numIcon__bd">
                    <div class="t0-b-lv4H-numIcon__caption-upper" data-cms-path="data.contents.0">アイコン見出し補足</div>
                    <h4 class="t0-b-lv4H-numIcon__h" data-cms-path="data.contents.1">アイコン見出し</h4>
                    <div class="t0-b-lv4H-numIcon__caption-lower" data-cms-path="data.contents.2">アイコン見出し補足</div>
                </div>
            </div>
        </div>
    </div>
</div>
大きい
バリエーション2
アイコン見出し補足

アイコン見出し

アイコン見出し補足
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-lv4H-numIcon2 t0-b-lv4H-numIcon2--align- t0-b-lv4H-numIcon2--size-3" data-height-part="">
            <div>
                <div class="t0-b-lv4H-numIcon2__iconPlacer">
                    <span class="t0-b-lv4H-numIcon2__icon t0-b-lv4H-numIcon2__icon--anshin-1"></span>
                </div>
                <div class="t0-b-lv4H-numIcon2__bd">
                    <div class="t0-b-lv4H-numIcon2__caption-upper" data-cms-path="data.contents.0">アイコン見出し補足</div>
                    <h4 class="t0-b-lv4H-numIcon2__h" data-cms-path="data.contents.1">アイコン見出し</h4>
                    <div class="t0-b-lv4H-numIcon2__caption-lower" data-cms-path="data.contents.2">アイコン見出し補足</div>
                </div>
            </div>
        </div>
    </div>
</div>

サイズ設定

/temp/unittest/parts/037_lv5H_lv5H_f14.md
  • f14

ブロック名称:サイズ設定

[f14:サイズ設定(機能仕様)]

デザイン・機能仕様:

個別仕様


小さい、中、大きいの3段階
見出しのサイズ設定機能 https://goo.gl/GT6pj9

テストケース:

  • (個別仕様がある場合)個別仕様通りに実装されていること 
  • 指定した通りの大きさで表示されていること (PCのみ)
  • サイズ設定が反映されていないこと (SPのみ)
小さい
バリエーション1
小見出し補足
小見出し
小見出し補足
<div>
    <div class="b-bPlacer-3s">
        <div class="t0-b-lv5H t0-b-lv5H--align- t0-b-lv5H--size-1" data-height-part="">
            <div class="t0-b-lv5H__caption-upper" data-cms-path="data.contents.0">小見出し補足</div>
            <div class="t0-b-lv5H__main">
                <div class="t0-b-lv5H__bd">
                    <div class="t0-b-lv5H__iconPlacer"><span class="t0-b-lv5H__icon"></span></div>
                    <h5 data-cms-path="data.contents.1">小見出し</h5>
                </div>
            </div>
            <div class="t0-b-lv5H__caption-lower" data-cms-path="data.contents.2">小見出し補足</div>
        </div>
    </div>
</div>
小さい
バリエーション2
小見出し補足
小見出し
小見出し補足
<div>
    <div class="b-bPlacer-3s">
        <div class="t0-b-lv5H2 t0-b-lv5H2--align- t0-b-lv5H2--size-1" data-height-part="">
            <div class="t0-b-lv5H2__caption-upper" data-cms-path="data.contents.0">小見出し補足</div>
            <div class="t0-b-lv5H2__main">
                <div class="t0-b-lv5H2__bd">
                    <div class="t0-b-lv5H2__iconPlacer"><span class="t0-b-lv5H2__icon"></span></div>
                    <h5 data-cms-path="data.contents.1">小見出し</h5>
                </div>
            </div>
            <div class="t0-b-lv5H2__caption-lower" data-cms-path="data.contents.2">小見出し補足</div>
        </div>
    </div>
</div>
バリエーション1
小見出し補足
小見出し
小見出し補足
<div>
    <div class="b-bPlacer-3s">
        <div class="t0-b-lv5H t0-b-lv5H--align- t0-b-lv5H--size-2" data-height-part="">
            <div class="t0-b-lv5H__caption-upper" data-cms-path="data.contents.0">小見出し補足</div>
            <div class="t0-b-lv5H__main">
                <div class="t0-b-lv5H__bd">
                    <div class="t0-b-lv5H__iconPlacer"><span class="t0-b-lv5H__icon"></span></div>
                    <h5 data-cms-path="data.contents.1">小見出し</h5>
                </div>
            </div>
            <div class="t0-b-lv5H__caption-lower" data-cms-path="data.contents.2">小見出し補足</div>
        </div>
    </div>
</div>
バリエーション2
小見出し補足
小見出し
小見出し補足
<div>
    <div class="b-bPlacer-3s">
        <div class="t0-b-lv5H2 t0-b-lv5H2--align- t0-b-lv5H2--size-2" data-height-part="">
            <div class="t0-b-lv5H2__caption-upper" data-cms-path="data.contents.0">小見出し補足</div>
            <div class="t0-b-lv5H2__main">
                <div class="t0-b-lv5H2__bd">
                    <div class="t0-b-lv5H2__iconPlacer"><span class="t0-b-lv5H2__icon"></span></div>
                    <h5 data-cms-path="data.contents.1">小見出し</h5>
                </div>
            </div>
            <div class="t0-b-lv5H2__caption-lower" data-cms-path="data.contents.2">小見出し補足</div>
        </div>
    </div>
</div>
大きい
バリエーション1
小見出し補足
小見出し
小見出し補足
<div>
    <div class="b-bPlacer-3s">
        <div class="t0-b-lv5H t0-b-lv5H--align- t0-b-lv5H--size-3" data-height-part="">
            <div class="t0-b-lv5H__caption-upper" data-cms-path="data.contents.0">小見出し補足</div>
            <div class="t0-b-lv5H__main">
                <div class="t0-b-lv5H__bd">
                    <div class="t0-b-lv5H__iconPlacer"><span class="t0-b-lv5H__icon"></span></div>
                    <h5 data-cms-path="data.contents.1">小見出し</h5>
                </div>
            </div>
            <div class="t0-b-lv5H__caption-lower" data-cms-path="data.contents.2">小見出し補足</div>
        </div>
    </div>
</div>
大きい
バリエーション2
小見出し補足
小見出し
小見出し補足
<div>
    <div class="b-bPlacer-3s">
        <div class="t0-b-lv5H2 t0-b-lv5H2--align- t0-b-lv5H2--size-3" data-height-part="">
            <div class="t0-b-lv5H2__caption-upper" data-cms-path="data.contents.0">小見出し補足</div>
            <div class="t0-b-lv5H2__main">
                <div class="t0-b-lv5H2__bd">
                    <div class="t0-b-lv5H2__iconPlacer"><span class="t0-b-lv5H2__icon"></span></div>
                    <h5 data-cms-path="data.contents.1">小見出し</h5>
                </div>
            </div>
            <div class="t0-b-lv5H2__caption-lower" data-cms-path="data.contents.2">小見出し補足</div>
        </div>
    </div>
</div>

サイズ設定

/temp/unittest/parts/038_lv5H-subH_lv5H-subH_f14.md
  • f14

ブロック名称:サイズ設定

[f14:サイズ設定(機能仕様)]

デザイン・機能仕様:

個別仕様


小さい、中、大きいの3段階
見出しのサイズ設定機能 https://goo.gl/GT6pj9

テストケース:

  • (個別仕様がある場合)個別仕様通りに実装されていること 
  • 指定した通りの大きさで表示されていること (PCのみ)
  • サイズ設定が反映されていないこと (SPのみ)
小さい
バリエーション1
表組みタイトル
<div>
    <div class="b-bPlacer-2s">
        <div class="t0-b-lv5H-subH t0-b-lv5H-subH--align- t0-b-lv5H-subH--size-1" data-height-part="">
            <h5 data-cms-path="data.contents.0">表組みタイトル</h5>
        </div>
    </div>
</div>
バリエーション1
表組みタイトル
<div>
    <div class="b-bPlacer-2s">
        <div class="t0-b-lv5H-subH t0-b-lv5H-subH--align- t0-b-lv5H-subH--size-2" data-height-part="">
            <h5 data-cms-path="data.contents.0">表組みタイトル</h5>
        </div>
    </div>
</div>
大きい
バリエーション1
表組みタイトル
<div>
    <div class="b-bPlacer-2s">
        <div class="t0-b-lv5H-subH t0-b-lv5H-subH--align- t0-b-lv5H-subH--size-3" data-height-part="">
            <h5 data-cms-path="data.contents.0">表組みタイトル</h5>
        </div>
    </div>
</div>

サイズ設定

/temp/unittest/parts/040_navItem_navItem_f14.md
  • f14

ブロック名称:サイズ設定

[f14:サイズ設定(機能仕様)]

デザイン・機能仕様:

個別仕様


とても小さい、小さい、中、大きい、とても大きいの5段階

テストケース:

  • (個別仕様がある場合)個別仕様通りに実装されていること 
  • 指定した通りの大きさで表示されていること (PCのみ)
  • サイズ設定が反映されていないこと (SPのみ)
とても小さい
バリエーション1
詳細はこちらへ
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-navItem t0-b-navItem--size-1 t0-b-navItem--width- t0-b-navItem--align-" data-height-part="">
            <div data-cms-path="data.contents.0">
                <span></span>
                <div data-cms-contenteditable="data.contents.0.text">詳細はこちらへ</div>
            </div>
        </div>
    </div>
</div>
小さい
バリエーション1
詳細はこちらへ
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-navItem t0-b-navItem--size-2 t0-b-navItem--width- t0-b-navItem--align-" data-height-part="">
            <div data-cms-path="data.contents.0">
                <span></span>
                <div data-cms-contenteditable="data.contents.0.text">詳細はこちらへ</div>
            </div>
        </div>
    </div>
</div>
バリエーション1
詳細はこちらへ
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-navItem t0-b-navItem--size-3 t0-b-navItem--width- t0-b-navItem--align-" data-height-part="">
            <div data-cms-path="data.contents.0">
                <span></span>
                <div data-cms-contenteditable="data.contents.0.text">詳細はこちらへ</div>
            </div>
        </div>
    </div>
</div>
大きい
バリエーション1
詳細はこちらへ
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-navItem t0-b-navItem--size-4 t0-b-navItem--width- t0-b-navItem--align-" data-height-part="">
            <div data-cms-path="data.contents.0">
                <span></span>
                <div data-cms-contenteditable="data.contents.0.text">詳細はこちらへ</div>
            </div>
        </div>
    </div>
</div>
とても大きい
バリエーション1
詳細はこちらへ
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-navItem t0-b-navItem--size-5 t0-b-navItem--width- t0-b-navItem--align-" data-height-part="">
            <div data-cms-path="data.contents.0">
                <span></span>
                <div data-cms-contenteditable="data.contents.0.text">詳細はこちらへ</div>
            </div>
        </div>
    </div>
</div>

サイズ設定

/temp/unittest/parts/040_navItem_navItemDouble_f14.md
  • f14

ブロック名称:サイズ設定

[f14:サイズ設定(機能仕様)]

デザイン・機能仕様:

個別仕様


とても小さい、小さい、中、大きい、とても大きいの5段階

テストケース:

  • (個別仕様がある場合)個別仕様通りに実装されていること 
  • 指定した通りの大きさで表示されていること (PCのみ)
  • サイズ設定が反映されていないこと (SPのみ)
とても小さい
バリエーション1
詳細はこちらへ
詳細はこちらへ
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-2 t0-b-layoutSplitter--spacing-4s" data-height-part="">
            <div>
                <div class="t0-b-layoutSplitter__div">
                    <div>
                        <div class="t0-b-navItem t0-b-navItem--size-1 t0-b-navItem--width- t0-b-navItem--align-">
                            <div data-cms-path="data.contents.0">
                                <span></span>
                                <div data-cms-contenteditable="data.contents.0.text">詳細はこちらへ</div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="t0-b-layoutSplitter__div">
                    <div>
                        <div class="t0-b-navItem t0-b-navItem--size-1 t0-b-navItem--width- t0-b-navItem--align-">
                            <div data-cms-path="data.contents.1">
                                <span></span>
                                <div data-cms-contenteditable="data.contents.1.text">詳細はこちらへ</div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
小さい
バリエーション1
詳細はこちらへ
詳細はこちらへ
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-2 t0-b-layoutSplitter--spacing-4s" data-height-part="">
            <div>
                <div class="t0-b-layoutSplitter__div">
                    <div>
                        <div class="t0-b-navItem t0-b-navItem--size-2 t0-b-navItem--width- t0-b-navItem--align-">
                            <div data-cms-path="data.contents.0">
                                <span></span>
                                <div data-cms-contenteditable="data.contents.0.text">詳細はこちらへ</div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="t0-b-layoutSplitter__div">
                    <div>
                        <div class="t0-b-navItem t0-b-navItem--size-2 t0-b-navItem--width- t0-b-navItem--align-">
                            <div data-cms-path="data.contents.1">
                                <span></span>
                                <div data-cms-contenteditable="data.contents.1.text">詳細はこちらへ</div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
バリエーション1
詳細はこちらへ
詳細はこちらへ
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-2 t0-b-layoutSplitter--spacing-4s" data-height-part="">
            <div>
                <div class="t0-b-layoutSplitter__div">
                    <div>
                        <div class="t0-b-navItem t0-b-navItem--size-3 t0-b-navItem--width- t0-b-navItem--align-">
                            <div data-cms-path="data.contents.0">
                                <span></span>
                                <div data-cms-contenteditable="data.contents.0.text">詳細はこちらへ</div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="t0-b-layoutSplitter__div">
                    <div>
                        <div class="t0-b-navItem t0-b-navItem--size-3 t0-b-navItem--width- t0-b-navItem--align-">
                            <div data-cms-path="data.contents.1">
                                <span></span>
                                <div data-cms-contenteditable="data.contents.1.text">詳細はこちらへ</div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
大きい
バリエーション1
詳細はこちらへ
詳細はこちらへ
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-2 t0-b-layoutSplitter--spacing-4s" data-height-part="">
            <div>
                <div class="t0-b-layoutSplitter__div">
                    <div>
                        <div class="t0-b-navItem t0-b-navItem--size-4 t0-b-navItem--width- t0-b-navItem--align-">
                            <div data-cms-path="data.contents.0">
                                <span></span>
                                <div data-cms-contenteditable="data.contents.0.text">詳細はこちらへ</div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="t0-b-layoutSplitter__div">
                    <div>
                        <div class="t0-b-navItem t0-b-navItem--size-4 t0-b-navItem--width- t0-b-navItem--align-">
                            <div data-cms-path="data.contents.1">
                                <span></span>
                                <div data-cms-contenteditable="data.contents.1.text">詳細はこちらへ</div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
とても大きい
バリエーション1
詳細はこちらへ
詳細はこちらへ
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-2 t0-b-layoutSplitter--spacing-4s" data-height-part="">
            <div>
                <div class="t0-b-layoutSplitter__div">
                    <div>
                        <div class="t0-b-navItem t0-b-navItem--size-5 t0-b-navItem--width- t0-b-navItem--align-">
                            <div data-cms-path="data.contents.0">
                                <span></span>
                                <div data-cms-contenteditable="data.contents.0.text">詳細はこちらへ</div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="t0-b-layoutSplitter__div">
                    <div>
                        <div class="t0-b-navItem t0-b-navItem--size-5 t0-b-navItem--width- t0-b-navItem--align-">
                            <div data-cms-path="data.contents.1">
                                <span></span>
                                <div data-cms-contenteditable="data.contents.1.text">詳細はこちらへ</div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

サイズ設定

/temp/unittest/parts/041_navItemCaptioned_navItemCaptioned_f14.md
  • f14

ブロック名称:サイズ設定

[f14:サイズ設定(機能仕様)]

デザイン・機能仕様:

個別仕様


とても小さい、小さい、中、大きい、とても大きいの5段階

テストケース:

  • (個別仕様がある場合)個別仕様通りに実装されていること 
  • 指定した通りの大きさで表示されていること (PCのみ)
  • サイズ設定が反映されていないこと (SPのみ)
とても小さい
バリエーション1
詳細はこちらへ
誘導リンク補足
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-navItemCaptioned t0-b-navItemCaptioned--size-1 t0-b-navItemCaptioned--width- t0-b-navItemCaptioned--align-" data-height-part="">
            <div class="">
                <span></span>
                <div data-cms-path="data.contents.0">
                    <div class="t0-b-navItemCaptioned__main" data-cms-contenteditable="data.contents.0.text">詳細はこちらへ</div>
                    <div class="t0-b-navItemCaptioned__caption" data-cms-path="data.contents.1">誘導リンク補足</div>
                </div>
            </div>
        </div>
    </div>
</div>
小さい
バリエーション1
詳細はこちらへ
誘導リンク補足
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-navItemCaptioned t0-b-navItemCaptioned--size-2 t0-b-navItemCaptioned--width- t0-b-navItemCaptioned--align-" data-height-part="">
            <div class="">
                <span></span>
                <div data-cms-path="data.contents.0">
                    <div class="t0-b-navItemCaptioned__main" data-cms-contenteditable="data.contents.0.text">詳細はこちらへ</div>
                    <div class="t0-b-navItemCaptioned__caption" data-cms-path="data.contents.1">誘導リンク補足</div>
                </div>
            </div>
        </div>
    </div>
</div>
バリエーション1
詳細はこちらへ
誘導リンク補足
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-navItemCaptioned t0-b-navItemCaptioned--size-3 t0-b-navItemCaptioned--width- t0-b-navItemCaptioned--align-" data-height-part="">
            <div class="">
                <span></span>
                <div data-cms-path="data.contents.0">
                    <div class="t0-b-navItemCaptioned__main" data-cms-contenteditable="data.contents.0.text">詳細はこちらへ</div>
                    <div class="t0-b-navItemCaptioned__caption" data-cms-path="data.contents.1">誘導リンク補足</div>
                </div>
            </div>
        </div>
    </div>
</div>
大きい
バリエーション1
詳細はこちらへ
誘導リンク補足
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-navItemCaptioned t0-b-navItemCaptioned--size-4 t0-b-navItemCaptioned--width- t0-b-navItemCaptioned--align-" data-height-part="">
            <div class="">
                <span></span>
                <div data-cms-path="data.contents.0">
                    <div class="t0-b-navItemCaptioned__main" data-cms-contenteditable="data.contents.0.text">詳細はこちらへ</div>
                    <div class="t0-b-navItemCaptioned__caption" data-cms-path="data.contents.1">誘導リンク補足</div>
                </div>
            </div>
        </div>
    </div>
</div>
とても大きい
バリエーション1
詳細はこちらへ
誘導リンク補足
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-navItemCaptioned t0-b-navItemCaptioned--size-5 t0-b-navItemCaptioned--width- t0-b-navItemCaptioned--align-" data-height-part="">
            <div class="">
                <span></span>
                <div data-cms-path="data.contents.0">
                    <div class="t0-b-navItemCaptioned__main" data-cms-contenteditable="data.contents.0.text">詳細はこちらへ</div>
                    <div class="t0-b-navItemCaptioned__caption" data-cms-path="data.contents.1">誘導リンク補足</div>
                </div>
            </div>
        </div>
    </div>
</div>

サイズ設定

/temp/unittest/parts/041_navItemCaptioned_navItemCaptionedDouble_f14.md
  • f14

ブロック名称:サイズ設定

[f14:サイズ設定(機能仕様)]

デザイン・機能仕様:

個別仕様


とても小さい、小さい、中、大きい、とても大きいの5段階

テストケース:

  • (個別仕様がある場合)個別仕様通りに実装されていること 
  • 指定した通りの大きさで表示されていること (PCのみ)
  • サイズ設定が反映されていないこと (SPのみ)
とても小さい
バリエーション1
詳細はこちらへ
誘導リンク補足
詳細はこちらへ
誘導リンク補足
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-2 t0-b-layoutSplitter--spacing-4s" data-height-part="">
            <div>
                <div class="t0-b-layoutSplitter__div">
                    <div>
                        <div class="t0-b-navItemCaptioned t0-b-navItemCaptioned--size-1 t0-b-navItemCaptioned--width- t0-b-navItemCaptioned--align-">
                            <div class="">
                                <span></span>
                                <div data-cms-path="data.contents.0">
                                    <div class="t0-b-navItemCaptioned__main" data-cms-contenteditable="data.contents.0.text">詳細はこちらへ</div>
                                    <div class="t0-b-navItemCaptioned__caption" data-cms-path="data.contents.1">誘導リンク補足</div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="t0-b-layoutSplitter__div">
                    <div>
                        <div class="t0-b-navItemCaptioned t0-b-navItemCaptioned--size-1 t0-b-navItemCaptioned--width- t0-b-navItemCaptioned--align-">
                            <div class="">
                                <span></span>
                                <div data-cms-path="data.contents.2">
                                    <div class="t0-b-navItemCaptioned__main" data-cms-contenteditable="data.contents.2.text">詳細はこちらへ</div>
                                    <div class="t0-b-navItemCaptioned__caption" data-cms-path="data.contents.3">誘導リンク補足</div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
小さい
バリエーション1
詳細はこちらへ
誘導リンク補足
詳細はこちらへ
誘導リンク補足
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-2 t0-b-layoutSplitter--spacing-4s" data-height-part="">
            <div>
                <div class="t0-b-layoutSplitter__div">
                    <div>
                        <div class="t0-b-navItemCaptioned t0-b-navItemCaptioned--size-2 t0-b-navItemCaptioned--width- t0-b-navItemCaptioned--align-">
                            <div class="">
                                <span></span>
                                <div data-cms-path="data.contents.0">
                                    <div class="t0-b-navItemCaptioned__main" data-cms-contenteditable="data.contents.0.text">詳細はこちらへ</div>
                                    <div class="t0-b-navItemCaptioned__caption" data-cms-path="data.contents.1">誘導リンク補足</div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="t0-b-layoutSplitter__div">
                    <div>
                        <div class="t0-b-navItemCaptioned t0-b-navItemCaptioned--size-2 t0-b-navItemCaptioned--width- t0-b-navItemCaptioned--align-">
                            <div class="">
                                <span></span>
                                <div data-cms-path="data.contents.2">
                                    <div class="t0-b-navItemCaptioned__main" data-cms-contenteditable="data.contents.2.text">詳細はこちらへ</div>
                                    <div class="t0-b-navItemCaptioned__caption" data-cms-path="data.contents.3">誘導リンク補足</div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
バリエーション1
詳細はこちらへ
誘導リンク補足
詳細はこちらへ
誘導リンク補足
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-2 t0-b-layoutSplitter--spacing-4s" data-height-part="">
            <div>
                <div class="t0-b-layoutSplitter__div">
                    <div>
                        <div class="t0-b-navItemCaptioned t0-b-navItemCaptioned--size-3 t0-b-navItemCaptioned--width- t0-b-navItemCaptioned--align-">
                            <div class="">
                                <span></span>
                                <div data-cms-path="data.contents.0">
                                    <div class="t0-b-navItemCaptioned__main" data-cms-contenteditable="data.contents.0.text">詳細はこちらへ</div>
                                    <div class="t0-b-navItemCaptioned__caption" data-cms-path="data.contents.1">誘導リンク補足</div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="t0-b-layoutSplitter__div">
                    <div>
                        <div class="t0-b-navItemCaptioned t0-b-navItemCaptioned--size-3 t0-b-navItemCaptioned--width- t0-b-navItemCaptioned--align-">
                            <div class="">
                                <span></span>
                                <div data-cms-path="data.contents.2">
                                    <div class="t0-b-navItemCaptioned__main" data-cms-contenteditable="data.contents.2.text">詳細はこちらへ</div>
                                    <div class="t0-b-navItemCaptioned__caption" data-cms-path="data.contents.3">誘導リンク補足</div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
大きい
バリエーション1
詳細はこちらへ
誘導リンク補足
詳細はこちらへ
誘導リンク補足
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-2 t0-b-layoutSplitter--spacing-4s" data-height-part="">
            <div>
                <div class="t0-b-layoutSplitter__div">
                    <div>
                        <div class="t0-b-navItemCaptioned t0-b-navItemCaptioned--size-4 t0-b-navItemCaptioned--width- t0-b-navItemCaptioned--align-">
                            <div class="">
                                <span></span>
                                <div data-cms-path="data.contents.0">
                                    <div class="t0-b-navItemCaptioned__main" data-cms-contenteditable="data.contents.0.text">詳細はこちらへ</div>
                                    <div class="t0-b-navItemCaptioned__caption" data-cms-path="data.contents.1">誘導リンク補足</div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="t0-b-layoutSplitter__div">
                    <div>
                        <div class="t0-b-navItemCaptioned t0-b-navItemCaptioned--size-4 t0-b-navItemCaptioned--width- t0-b-navItemCaptioned--align-">
                            <div class="">
                                <span></span>
                                <div data-cms-path="data.contents.2">
                                    <div class="t0-b-navItemCaptioned__main" data-cms-contenteditable="data.contents.2.text">詳細はこちらへ</div>
                                    <div class="t0-b-navItemCaptioned__caption" data-cms-path="data.contents.3">誘導リンク補足</div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
とても大きい
バリエーション1
詳細はこちらへ
誘導リンク補足
詳細はこちらへ
誘導リンク補足
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-2 t0-b-layoutSplitter--spacing-4s" data-height-part="">
            <div>
                <div class="t0-b-layoutSplitter__div">
                    <div>
                        <div class="t0-b-navItemCaptioned t0-b-navItemCaptioned--size-5 t0-b-navItemCaptioned--width- t0-b-navItemCaptioned--align-">
                            <div class="">
                                <span></span>
                                <div data-cms-path="data.contents.0">
                                    <div class="t0-b-navItemCaptioned__main" data-cms-contenteditable="data.contents.0.text">詳細はこちらへ</div>
                                    <div class="t0-b-navItemCaptioned__caption" data-cms-path="data.contents.1">誘導リンク補足</div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="t0-b-layoutSplitter__div">
                    <div>
                        <div class="t0-b-navItemCaptioned t0-b-navItemCaptioned--size-5 t0-b-navItemCaptioned--width- t0-b-navItemCaptioned--align-">
                            <div class="">
                                <span></span>
                                <div data-cms-path="data.contents.2">
                                    <div class="t0-b-navItemCaptioned__main" data-cms-contenteditable="data.contents.2.text">詳細はこちらへ</div>
                                    <div class="t0-b-navItemCaptioned__caption" data-cms-path="data.contents.3">誘導リンク補足</div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

サイズ設定

/temp/unittest/parts/045_iconText-tel_iconText-tel_f14.md
  • f14

ブロック名称:サイズ設定

[f14:サイズ設定(機能仕様)]

デザイン・機能仕様:

個別仕様


とても小さい、小さい、中、大きい、とても大きいの5段階
電話番号のサイズ設定機能 https://goo.gl/sSXPQc

テストケース:

  • (個別仕様がある場合)個別仕様通りに実装されていること 
  • 指定した通りの大きさで表示されていること (PCのみ)
  • サイズ設定が反映されていないこと (SPのみ)
とても小さい
バリエーション1

お電話でのお問合せはこちら

電話番号の語呂を入力
03-0000-0000
<div>
    <div class="b-bPlacer-3s">
        <div class="t0-b-iconText-tel t0-b-iconText-tel--size-1 t0-b-iconText-tel--align-" data-height-part="">
            <div class="t0-b-iconText-tel__media">
                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.3">
            </div>
            <div class="t0-b-iconText-tel__wrap">
                <p data-cms-path="data.contents.0">お電話でのお問合せはこちら</p>

                <div data-cms-path="data.contents.1">
                    <div class="t0-b-iconText-tel__ruby" data-cms-path="data.contents.2">電話番号の語呂を入力</div>
                    <div class="t0-b-iconText-tel__bd"><span class="t0-b-iconText-tel__icon t0-b-iconText-tel__tel"></span><span>03-0000-0000</span>
                    </div><span></span>
                </div>

            </div>
        </div>
    </div>
</div>
小さい
バリエーション1

お電話でのお問合せはこちら

電話番号の語呂を入力
03-0000-0000
<div>
    <div class="b-bPlacer-3s">
        <div class="t0-b-iconText-tel t0-b-iconText-tel--size-2 t0-b-iconText-tel--align-" data-height-part="">
            <div class="t0-b-iconText-tel__media">
                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.3">
            </div>
            <div class="t0-b-iconText-tel__wrap">
                <p data-cms-path="data.contents.0">お電話でのお問合せはこちら</p>

                <div data-cms-path="data.contents.1">
                    <div class="t0-b-iconText-tel__ruby" data-cms-path="data.contents.2">電話番号の語呂を入力</div>
                    <div class="t0-b-iconText-tel__bd"><span class="t0-b-iconText-tel__icon t0-b-iconText-tel__tel"></span><span>03-0000-0000</span>
                    </div><span></span>
                </div>

            </div>
        </div>
    </div>
</div>
バリエーション1

お電話でのお問合せはこちら

電話番号の語呂を入力
03-0000-0000
<div>
    <div class="b-bPlacer-3s">
        <div class="t0-b-iconText-tel t0-b-iconText-tel--size-3 t0-b-iconText-tel--align-" data-height-part="">
            <div class="t0-b-iconText-tel__media">
                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.3">
            </div>
            <div class="t0-b-iconText-tel__wrap">
                <p data-cms-path="data.contents.0">お電話でのお問合せはこちら</p>

                <div data-cms-path="data.contents.1">
                    <div class="t0-b-iconText-tel__ruby" data-cms-path="data.contents.2">電話番号の語呂を入力</div>
                    <div class="t0-b-iconText-tel__bd"><span class="t0-b-iconText-tel__icon t0-b-iconText-tel__tel"></span><span>03-0000-0000</span>
                    </div><span></span>
                </div>

            </div>
        </div>
    </div>
</div>
大きい
バリエーション1

お電話でのお問合せはこちら

電話番号の語呂を入力
03-0000-0000
<div>
    <div class="b-bPlacer-3s">
        <div class="t0-b-iconText-tel t0-b-iconText-tel--size-4 t0-b-iconText-tel--align-" data-height-part="">
            <div class="t0-b-iconText-tel__media">
                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.3">
            </div>
            <div class="t0-b-iconText-tel__wrap">
                <p data-cms-path="data.contents.0">お電話でのお問合せはこちら</p>

                <div data-cms-path="data.contents.1">
                    <div class="t0-b-iconText-tel__ruby" data-cms-path="data.contents.2">電話番号の語呂を入力</div>
                    <div class="t0-b-iconText-tel__bd"><span class="t0-b-iconText-tel__icon t0-b-iconText-tel__tel"></span><span>03-0000-0000</span>
                    </div><span></span>
                </div>

            </div>
        </div>
    </div>
</div>
とても大きい
バリエーション1

お電話でのお問合せはこちら

電話番号の語呂を入力
03-0000-0000
<div>
    <div class="b-bPlacer-3s">
        <div class="t0-b-iconText-tel t0-b-iconText-tel--size-5 t0-b-iconText-tel--align-" data-height-part="">
            <div class="t0-b-iconText-tel__media">
                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.3">
            </div>
            <div class="t0-b-iconText-tel__wrap">
                <p data-cms-path="data.contents.0">お電話でのお問合せはこちら</p>

                <div data-cms-path="data.contents.1">
                    <div class="t0-b-iconText-tel__ruby" data-cms-path="data.contents.2">電話番号の語呂を入力</div>
                    <div class="t0-b-iconText-tel__bd"><span class="t0-b-iconText-tel__icon t0-b-iconText-tel__tel"></span><span>03-0000-0000</span>
                    </div><span></span>
                </div>

            </div>
        </div>
    </div>
</div>

サイズ設定

/temp/unittest/parts/048_lv2H-faqIcon_lv2H-faqIcon_f14.md
  • f14

ブロック名称:サイズ設定

[f14:サイズ設定(機能仕様)]

デザイン・機能仕様:

個別仕様


小さい、中、大きいの3段階
見出しのサイズ設定機能 https://goo.gl/GT6pj9

テストケース:

  • (個別仕様がある場合)個別仕様通りに実装されていること 
  • 指定した通りの大きさで表示されていること (PCのみ)
  • サイズ設定が反映されていないこと (SPのみ)
小さい
バリエーション1

よくあるご質問

<div class="ex-leftSpacingTweak-">
    <div class="b-bPlacer-4s">

        <div class="t0-b-lv2H-faqIcon t0-b-lv2H-faqIcon--align- t0-b-lv2H-faqIcon--size-1" data-height-part="">
            <span><span><span></span></span></span>
            <div>
                <div class="t0-b-lv2H-faqIcon__iconPlacer">
                    <span class="t0-b-lv2H-faqIcon__icon"></span>
                </div>
                <h2 class="t0-b-lv2H-faqIcon__h" data-cms-path="data.contents.0">よくあるご質問</h2>
            </div>
        </div>
    </div>
</div>
バリエーション1

よくあるご質問

<div class="ex-leftSpacingTweak-">
    <div class="b-bPlacer-4s">

        <div class="t0-b-lv2H-faqIcon t0-b-lv2H-faqIcon--align- t0-b-lv2H-faqIcon--size-2" data-height-part="">
            <span><span><span></span></span></span>
            <div>
                <div class="t0-b-lv2H-faqIcon__iconPlacer">
                    <span class="t0-b-lv2H-faqIcon__icon"></span>
                </div>
                <h2 class="t0-b-lv2H-faqIcon__h" data-cms-path="data.contents.0">よくあるご質問</h2>
            </div>
        </div>
    </div>
</div>
大きい
バリエーション1

よくあるご質問

<div class="ex-leftSpacingTweak-">
    <div class="b-bPlacer-4s">

        <div class="t0-b-lv2H-faqIcon t0-b-lv2H-faqIcon--align- t0-b-lv2H-faqIcon--size-3" data-height-part="">
            <span><span><span></span></span></span>
            <div>
                <div class="t0-b-lv2H-faqIcon__iconPlacer">
                    <span class="t0-b-lv2H-faqIcon__icon"></span>
                </div>
                <h2 class="t0-b-lv2H-faqIcon__h" data-cms-path="data.contents.0">よくあるご質問</h2>
            </div>
        </div>
    </div>
</div>

サイズ設定

/temp/unittest/parts/049_lv4H-caseIcon_lv4H-caseIcon_f14.md
  • f14

ブロック名称:サイズ設定

[f14:サイズ設定(機能仕様)]

デザイン・機能仕様:

個別仕様


小さい、中、大きいの3段階
見出しのサイズ設定機能 https://goo.gl/GT6pj9

テストケース:

  • (個別仕様がある場合)個別仕様通りに実装されていること 
  • 指定した通りの大きさで表示されていること (PCのみ)
  • サイズ設定が反映されていないこと (SPのみ)
小さい
バリエーション1
見出し補足(上)

事例のご紹介

見出し補足(下)
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-lv4H-caseIcon t0-b-lv4H-caseIcon--align- t0-b-lv4H-caseIcon--size-1" data-height-part="">
            <div>
                <div class="t0-b-lv4H-caseIcon__iconPlacer"><span class="t0-b-lv4H-caseIcon__icon"></span></div>
                <div class="t0-b-lv4H-caseIcon__bd">
                    <div class="t0-b-lv4H-caseIcon__caption-upper" data-cms-path="data.contents.0">見出し補足(上)</div>
                    <h4 class="t0-b-lv4H-caseIcon__h t0-b-lv4H-caseIcon--align-" data-cms-path="data.contents.1">
                        事例のご紹介
                    </h4>
                    <div class="t0-b-lv4H-caseIcon__caption-lower" data-cms-path="data.contents.2">見出し補足(下)</div>
                </div>
            </div>
        </div>
    </div>
</div>
小さい
バリエーション2
見出し補足(上)

事例のご紹介

見出し補足(下)
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-lv4H-caseIcon2 t0-b-lv4H-caseIcon2--align- t0-b-lv4H-caseIcon2--size-1" data-height-part="">
            <div>
                <div class="t0-b-lv4H-caseIcon2__iconPlacer"><span class="t0-b-lv4H-caseIcon2__icon"></span></div>
                <div class="t0-b-lv4H-caseIcon2__bd">
                    <div class="t0-b-lv4H-caseIcon2__caption-upper" data-cms-path="data.contents.0">見出し補足(上)</div>
                    <h4 class="t0-b-lv4H-caseIcon2__h t0-b-lv4H-caseIcon2--align-" data-cms-path="data.contents.1">
                        事例のご紹介
                    </h4>
                    <div class="t0-b-lv4H-caseIcon2__caption-lower" data-cms-path="data.contents.2">見出し補足(下)</div>
                </div>
            </div>
        </div>
    </div>
</div>
バリエーション1
見出し補足(上)

事例のご紹介

見出し補足(下)
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-lv4H-caseIcon t0-b-lv4H-caseIcon--align- t0-b-lv4H-caseIcon--size-2" data-height-part="">
            <div>
                <div class="t0-b-lv4H-caseIcon__iconPlacer"><span class="t0-b-lv4H-caseIcon__icon"></span></div>
                <div class="t0-b-lv4H-caseIcon__bd">
                    <div class="t0-b-lv4H-caseIcon__caption-upper" data-cms-path="data.contents.0">見出し補足(上)</div>
                    <h4 class="t0-b-lv4H-caseIcon__h t0-b-lv4H-caseIcon--align-" data-cms-path="data.contents.1">
                        事例のご紹介
                    </h4>
                    <div class="t0-b-lv4H-caseIcon__caption-lower" data-cms-path="data.contents.2">見出し補足(下)</div>
                </div>
            </div>
        </div>
    </div>
</div>
バリエーション2
見出し補足(上)

事例のご紹介

見出し補足(下)
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-lv4H-caseIcon2 t0-b-lv4H-caseIcon2--align- t0-b-lv4H-caseIcon2--size-2" data-height-part="">
            <div>
                <div class="t0-b-lv4H-caseIcon2__iconPlacer"><span class="t0-b-lv4H-caseIcon2__icon"></span></div>
                <div class="t0-b-lv4H-caseIcon2__bd">
                    <div class="t0-b-lv4H-caseIcon2__caption-upper" data-cms-path="data.contents.0">見出し補足(上)</div>
                    <h4 class="t0-b-lv4H-caseIcon2__h t0-b-lv4H-caseIcon2--align-" data-cms-path="data.contents.1">
                        事例のご紹介
                    </h4>
                    <div class="t0-b-lv4H-caseIcon2__caption-lower" data-cms-path="data.contents.2">見出し補足(下)</div>
                </div>
            </div>
        </div>
    </div>
</div>
大きい
バリエーション1
見出し補足(上)

事例のご紹介

見出し補足(下)
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-lv4H-caseIcon t0-b-lv4H-caseIcon--align- t0-b-lv4H-caseIcon--size-3" data-height-part="">
            <div>
                <div class="t0-b-lv4H-caseIcon__iconPlacer"><span class="t0-b-lv4H-caseIcon__icon"></span></div>
                <div class="t0-b-lv4H-caseIcon__bd">
                    <div class="t0-b-lv4H-caseIcon__caption-upper" data-cms-path="data.contents.0">見出し補足(上)</div>
                    <h4 class="t0-b-lv4H-caseIcon__h t0-b-lv4H-caseIcon--align-" data-cms-path="data.contents.1">
                        事例のご紹介
                    </h4>
                    <div class="t0-b-lv4H-caseIcon__caption-lower" data-cms-path="data.contents.2">見出し補足(下)</div>
                </div>
            </div>
        </div>
    </div>
</div>
大きい
バリエーション2
見出し補足(上)

事例のご紹介

見出し補足(下)
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-lv4H-caseIcon2 t0-b-lv4H-caseIcon2--align- t0-b-lv4H-caseIcon2--size-3" data-height-part="">
            <div>
                <div class="t0-b-lv4H-caseIcon2__iconPlacer"><span class="t0-b-lv4H-caseIcon2__icon"></span></div>
                <div class="t0-b-lv4H-caseIcon2__bd">
                    <div class="t0-b-lv4H-caseIcon2__caption-upper" data-cms-path="data.contents.0">見出し補足(上)</div>
                    <h4 class="t0-b-lv4H-caseIcon2__h t0-b-lv4H-caseIcon2--align-" data-cms-path="data.contents.1">
                        事例のご紹介
                    </h4>
                    <div class="t0-b-lv4H-caseIcon2__caption-lower" data-cms-path="data.contents.2">見出し補足(下)</div>
                </div>
            </div>
        </div>
    </div>
</div>

サイズ設定

/temp/unittest/parts/050_lv4H-voiceIcon_lv4H-voiceIcon_f14.md
  • f14

ブロック名称:サイズ設定

[f14:サイズ設定(機能仕様)]

デザイン・機能仕様:

個別仕様


小さい、中、大きいの3段階
見出しのサイズ設定機能 https://goo.gl/GT6pj9

テストケース:

  • (個別仕様がある場合)個別仕様通りに実装されていること 
  • 指定した通りの大きさで表示されていること (PCのみ)
  • サイズ設定が反映されていないこと (SPのみ)
小さい
バリエーション1
見出し補足(上)

お客様の声

見出し補足(下)
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-lv4H-voiceIcon t0-b-lv4H-voiceIcon--align- t0-b-lv4H-voiceIcon--size-1" data-height-part="">
            <div>
                <div class="t0-b-lv4H-voiceIcon__iconPlacer"><span class="t0-b-lv4H-voiceIcon__icon"></span></div>
                <div class="t0-b-lv4H-voiceIcon__bd">
                    <div class="t0-b-lv4H-voiceIcon__caption-upper" data-cms-path="data.contents.0">見出し補足(上)</div>
                    <h4 class="t0-b-lv4H-voiceIcon__h t0-b-lv4H-voiceIcon--align-" data-cms-path="data.contents.1">
                        お客様の声
                    </h4>
                    <div class="t0-b-lv4H-voiceIcon__caption-lower" data-cms-path="data.contents.2">見出し補足(下)</div>
                </div>
            </div>
        </div>
    </div>
</div>
小さい
バリエーション2
見出し補足(上)

お客様の声

見出し補足(下)
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-lv4H-voiceIcon2 t0-b-lv4H-voiceIcon2--align- t0-b-lv4H-voiceIcon2--size-1" data-height-part="">
            <div>
                <div class="t0-b-lv4H-voiceIcon2__iconPlacer"><span class="t0-b-lv4H-voiceIcon2__icon"></span></div>
                <div class="t0-b-lv4H-voiceIcon2__bd">
                    <div class="t0-b-lv4H-voiceIcon2__caption-upper" data-cms-path="data.contents.0">見出し補足(上)</div>
                    <h4 class="t0-b-lv4H-voiceIcon2__h t0-b-lv4H-voiceIcon2--align-" data-cms-path="data.contents.1">
                        お客様の声
                    </h4>
                    <div class="t0-b-lv4H-voiceIcon2__caption-lower" data-cms-path="data.contents.2">見出し補足(下)</div>
                </div>
            </div>
        </div>
    </div>
</div>
バリエーション1
見出し補足(上)

お客様の声

見出し補足(下)
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-lv4H-voiceIcon t0-b-lv4H-voiceIcon--align- t0-b-lv4H-voiceIcon--size-2" data-height-part="">
            <div>
                <div class="t0-b-lv4H-voiceIcon__iconPlacer"><span class="t0-b-lv4H-voiceIcon__icon"></span></div>
                <div class="t0-b-lv4H-voiceIcon__bd">
                    <div class="t0-b-lv4H-voiceIcon__caption-upper" data-cms-path="data.contents.0">見出し補足(上)</div>
                    <h4 class="t0-b-lv4H-voiceIcon__h t0-b-lv4H-voiceIcon--align-" data-cms-path="data.contents.1">
                        お客様の声
                    </h4>
                    <div class="t0-b-lv4H-voiceIcon__caption-lower" data-cms-path="data.contents.2">見出し補足(下)</div>
                </div>
            </div>
        </div>
    </div>
</div>
バリエーション2
見出し補足(上)

お客様の声

見出し補足(下)
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-lv4H-voiceIcon2 t0-b-lv4H-voiceIcon2--align- t0-b-lv4H-voiceIcon2--size-2" data-height-part="">
            <div>
                <div class="t0-b-lv4H-voiceIcon2__iconPlacer"><span class="t0-b-lv4H-voiceIcon2__icon"></span></div>
                <div class="t0-b-lv4H-voiceIcon2__bd">
                    <div class="t0-b-lv4H-voiceIcon2__caption-upper" data-cms-path="data.contents.0">見出し補足(上)</div>
                    <h4 class="t0-b-lv4H-voiceIcon2__h t0-b-lv4H-voiceIcon2--align-" data-cms-path="data.contents.1">
                        お客様の声
                    </h4>
                    <div class="t0-b-lv4H-voiceIcon2__caption-lower" data-cms-path="data.contents.2">見出し補足(下)</div>
                </div>
            </div>
        </div>
    </div>
</div>
大きい
バリエーション1
見出し補足(上)

お客様の声

見出し補足(下)
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-lv4H-voiceIcon t0-b-lv4H-voiceIcon--align- t0-b-lv4H-voiceIcon--size-3" data-height-part="">
            <div>
                <div class="t0-b-lv4H-voiceIcon__iconPlacer"><span class="t0-b-lv4H-voiceIcon__icon"></span></div>
                <div class="t0-b-lv4H-voiceIcon__bd">
                    <div class="t0-b-lv4H-voiceIcon__caption-upper" data-cms-path="data.contents.0">見出し補足(上)</div>
                    <h4 class="t0-b-lv4H-voiceIcon__h t0-b-lv4H-voiceIcon--align-" data-cms-path="data.contents.1">
                        お客様の声
                    </h4>
                    <div class="t0-b-lv4H-voiceIcon__caption-lower" data-cms-path="data.contents.2">見出し補足(下)</div>
                </div>
            </div>
        </div>
    </div>
</div>
大きい
バリエーション2
見出し補足(上)

お客様の声

見出し補足(下)
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-lv4H-voiceIcon2 t0-b-lv4H-voiceIcon2--align- t0-b-lv4H-voiceIcon2--size-3" data-height-part="">
            <div>
                <div class="t0-b-lv4H-voiceIcon2__iconPlacer"><span class="t0-b-lv4H-voiceIcon2__icon"></span></div>
                <div class="t0-b-lv4H-voiceIcon2__bd">
                    <div class="t0-b-lv4H-voiceIcon2__caption-upper" data-cms-path="data.contents.0">見出し補足(上)</div>
                    <h4 class="t0-b-lv4H-voiceIcon2__h t0-b-lv4H-voiceIcon2--align-" data-cms-path="data.contents.1">
                        お客様の声
                    </h4>
                    <div class="t0-b-lv4H-voiceIcon2__caption-lower" data-cms-path="data.contents.2">見出し補足(下)</div>
                </div>
            </div>
        </div>
    </div>
</div>

サイズ設定

/temp/unittest/parts/051_lv4H-qIcon_lv4H-qIcon_f14.md
  • f14

ブロック名称:サイズ設定

[f14:サイズ設定(機能仕様)]

デザイン・機能仕様:

個別仕様


小さい、中、大きいの3段階
見出しのサイズ設定機能 https://goo.gl/GT6pj9

テストケース:

  • (個別仕様がある場合)個別仕様通りに実装されていること 
  • 指定した通りの大きさで表示されていること (PCのみ)
  • サイズ設定が反映されていないこと (SPのみ)
小さい
バリエーション1
見出し補足(上)

よくあるご質問(質問を入力してください)

見出し補足(下)
<div>
    <div class="b-bPlacer-2s">
        <div class="t0-b-lv4H-qIcon t0-b-lv4H-qIcon--align- t0-b-lv4H-qIcon--size-1" data-height-part="">
            <div>
                <div class="t0-b-lv4H-qIcon__iconPlacer"><span class="t0-b-lv4H-qIcon__icon"></span></div>
                <div class="t0-b-lv4H-qIcon__bd">
                    <div class="t0-b-lv4H-qIcon__caption-upper" data-cms-path="data.contents.0">見出し補足(上)</div>
                    <h4 class="t0-b-lv4H-qIcon__h t0-b-lv4H-qIcon--align-" data-cms-path="data.contents.1">
                        よくあるご質問(質問を入力してください)
                    </h4>
                    <div class="t0-b-lv4H-qIcon__caption-lower" data-cms-path="data.contents.2">見出し補足(下)</div>
                </div>
            </div>
        </div>
    </div>
</div>
小さい
バリエーション2
見出し補足(上)

よくあるご質問(質問を入力してください)

見出し補足(下)
<div>
    <div class="b-bPlacer-2s">
        <div class="t0-b-lv4H-qIcon2 t0-b-lv4H-qIcon2--align- t0-b-lv4H-qIcon2--size-1" data-height-part="">
            <div>
                <div class="t0-b-lv4H-qIcon2__iconPlacer"><span class="t0-b-lv4H-qIcon2__icon"></span></div>
                <div class="t0-b-lv4H-qIcon2__bd">
                    <div class="t0-b-lv4H-qIcon2__caption-upper" data-cms-path="data.contents.0">見出し補足(上)</div>
                    <h4 class="t0-b-lv4H-qIcon2__h t0-b-lv4H-qIcon2--align-" data-cms-path="data.contents.1">
                        よくあるご質問(質問を入力してください)
                    </h4>
                    <div class="t0-b-lv4H-qIcon2__caption-lower" data-cms-path="data.contents.2">見出し補足(下)</div>
                </div>
            </div>
        </div>
    </div>
</div>
バリエーション1
見出し補足(上)

よくあるご質問(質問を入力してください)

見出し補足(下)
<div>
    <div class="b-bPlacer-2s">
        <div class="t0-b-lv4H-qIcon t0-b-lv4H-qIcon--align- t0-b-lv4H-qIcon--size-2" data-height-part="">
            <div>
                <div class="t0-b-lv4H-qIcon__iconPlacer"><span class="t0-b-lv4H-qIcon__icon"></span></div>
                <div class="t0-b-lv4H-qIcon__bd">
                    <div class="t0-b-lv4H-qIcon__caption-upper" data-cms-path="data.contents.0">見出し補足(上)</div>
                    <h4 class="t0-b-lv4H-qIcon__h t0-b-lv4H-qIcon--align-" data-cms-path="data.contents.1">
                        よくあるご質問(質問を入力してください)
                    </h4>
                    <div class="t0-b-lv4H-qIcon__caption-lower" data-cms-path="data.contents.2">見出し補足(下)</div>
                </div>
            </div>
        </div>
    </div>
</div>
バリエーション2
見出し補足(上)

よくあるご質問(質問を入力してください)

見出し補足(下)
<div>
    <div class="b-bPlacer-2s">
        <div class="t0-b-lv4H-qIcon2 t0-b-lv4H-qIcon2--align- t0-b-lv4H-qIcon2--size-2" data-height-part="">
            <div>
                <div class="t0-b-lv4H-qIcon2__iconPlacer"><span class="t0-b-lv4H-qIcon2__icon"></span></div>
                <div class="t0-b-lv4H-qIcon2__bd">
                    <div class="t0-b-lv4H-qIcon2__caption-upper" data-cms-path="data.contents.0">見出し補足(上)</div>
                    <h4 class="t0-b-lv4H-qIcon2__h t0-b-lv4H-qIcon2--align-" data-cms-path="data.contents.1">
                        よくあるご質問(質問を入力してください)
                    </h4>
                    <div class="t0-b-lv4H-qIcon2__caption-lower" data-cms-path="data.contents.2">見出し補足(下)</div>
                </div>
            </div>
        </div>
    </div>
</div>
大きい
バリエーション1
見出し補足(上)

よくあるご質問(質問を入力してください)

見出し補足(下)
<div>
    <div class="b-bPlacer-2s">
        <div class="t0-b-lv4H-qIcon t0-b-lv4H-qIcon--align- t0-b-lv4H-qIcon--size-3" data-height-part="">
            <div>
                <div class="t0-b-lv4H-qIcon__iconPlacer"><span class="t0-b-lv4H-qIcon__icon"></span></div>
                <div class="t0-b-lv4H-qIcon__bd">
                    <div class="t0-b-lv4H-qIcon__caption-upper" data-cms-path="data.contents.0">見出し補足(上)</div>
                    <h4 class="t0-b-lv4H-qIcon__h t0-b-lv4H-qIcon--align-" data-cms-path="data.contents.1">
                        よくあるご質問(質問を入力してください)
                    </h4>
                    <div class="t0-b-lv4H-qIcon__caption-lower" data-cms-path="data.contents.2">見出し補足(下)</div>
                </div>
            </div>
        </div>
    </div>
</div>
大きい
バリエーション2
見出し補足(上)

よくあるご質問(質問を入力してください)

見出し補足(下)
<div>
    <div class="b-bPlacer-2s">
        <div class="t0-b-lv4H-qIcon2 t0-b-lv4H-qIcon2--align- t0-b-lv4H-qIcon2--size-3" data-height-part="">
            <div>
                <div class="t0-b-lv4H-qIcon2__iconPlacer"><span class="t0-b-lv4H-qIcon2__icon"></span></div>
                <div class="t0-b-lv4H-qIcon2__bd">
                    <div class="t0-b-lv4H-qIcon2__caption-upper" data-cms-path="data.contents.0">見出し補足(上)</div>
                    <h4 class="t0-b-lv4H-qIcon2__h t0-b-lv4H-qIcon2--align-" data-cms-path="data.contents.1">
                        よくあるご質問(質問を入力してください)
                    </h4>
                    <div class="t0-b-lv4H-qIcon2__caption-lower" data-cms-path="data.contents.2">見出し補足(下)</div>
                </div>
            </div>
        </div>
    </div>
</div>

サイズ設定

/temp/unittest/parts/052_lv4H-aIcon_lv4H-aIcon_f14.md
  • f14

ブロック名称:サイズ設定

[f14:サイズ設定(機能仕様)]

デザイン・機能仕様:

個別仕様


小さい、中、大きいの3段階
見出しのサイズ設定機能 https://goo.gl/GT6pj9

テストケース:

  • (個別仕様がある場合)個別仕様通りに実装されていること 
  • 指定した通りの大きさで表示されていること (PCのみ)
  • サイズ設定が反映されていないこと (SPのみ)
小さい
バリエーション1
見出し補足(上)

よくあるご質問(回答を入力してください)

見出し補足(下)
<div>
    <div class="b-bPlacer-2s">
        <div class="t0-b-lv4H-aIcon t0-b-lv4H-aIcon--align- t0-b-lv4H-aIcon--size-1" data-height-part="">
            <div>
                <div class="t0-b-lv4H-aIcon__iconPlacer"><span class="t0-b-lv4H-aIcon__icon"></span></div>
                <div class="t0-b-lv4H-aIcon__bd">
                    <div class="t0-b-lv4H-aIcon__caption-upper" data-cms-path="data.contents.0">見出し補足(上)</div>
                    <h4 class="t0-b-lv4H-aIcon__h t0-b-lv4H-aIcon--align-" data-cms-path="data.contents.1">
                        よくあるご質問(回答を入力してください)
                    </h4>
                    <div class="t0-b-lv4H-aIcon__caption-lower" data-cms-path="data.contents.2">見出し補足(下)</div>
                </div>
            </div>
        </div>
    </div>
</div>
小さい
バリエーション2
見出し補足(上)

よくあるご質問(回答を入力してください)

見出し補足(下)
<div>
    <div class="b-bPlacer-2s">
        <div class="t0-b-lv4H-aIcon2 t0-b-lv4H-aIcon2--align- t0-b-lv4H-aIcon2--size-1" data-height-part="">
            <div>
                <div class="t0-b-lv4H-aIcon2__iconPlacer"><span class="t0-b-lv4H-aIcon2__icon"></span></div>
                <div class="t0-b-lv4H-aIcon2__bd">
                    <div class="t0-b-lv4H-aIcon2__caption-upper" data-cms-path="data.contents.0">見出し補足(上)</div>
                    <h4 class="t0-b-lv4H-aIcon2__h t0-b-lv4H-aIcon2--align-" data-cms-path="data.contents.1">
                        よくあるご質問(回答を入力してください)
                    </h4>
                    <div class="t0-b-lv4H-aIcon2__caption-lower" data-cms-path="data.contents.2">見出し補足(下)</div>
                </div>
            </div>
        </div>
    </div>
</div>
バリエーション1
見出し補足(上)

よくあるご質問(回答を入力してください)

見出し補足(下)
<div>
    <div class="b-bPlacer-2s">
        <div class="t0-b-lv4H-aIcon t0-b-lv4H-aIcon--align- t0-b-lv4H-aIcon--size-2" data-height-part="">
            <div>
                <div class="t0-b-lv4H-aIcon__iconPlacer"><span class="t0-b-lv4H-aIcon__icon"></span></div>
                <div class="t0-b-lv4H-aIcon__bd">
                    <div class="t0-b-lv4H-aIcon__caption-upper" data-cms-path="data.contents.0">見出し補足(上)</div>
                    <h4 class="t0-b-lv4H-aIcon__h t0-b-lv4H-aIcon--align-" data-cms-path="data.contents.1">
                        よくあるご質問(回答を入力してください)
                    </h4>
                    <div class="t0-b-lv4H-aIcon__caption-lower" data-cms-path="data.contents.2">見出し補足(下)</div>
                </div>
            </div>
        </div>
    </div>
</div>
バリエーション2
見出し補足(上)

よくあるご質問(回答を入力してください)

見出し補足(下)
<div>
    <div class="b-bPlacer-2s">
        <div class="t0-b-lv4H-aIcon2 t0-b-lv4H-aIcon2--align- t0-b-lv4H-aIcon2--size-2" data-height-part="">
            <div>
                <div class="t0-b-lv4H-aIcon2__iconPlacer"><span class="t0-b-lv4H-aIcon2__icon"></span></div>
                <div class="t0-b-lv4H-aIcon2__bd">
                    <div class="t0-b-lv4H-aIcon2__caption-upper" data-cms-path="data.contents.0">見出し補足(上)</div>
                    <h4 class="t0-b-lv4H-aIcon2__h t0-b-lv4H-aIcon2--align-" data-cms-path="data.contents.1">
                        よくあるご質問(回答を入力してください)
                    </h4>
                    <div class="t0-b-lv4H-aIcon2__caption-lower" data-cms-path="data.contents.2">見出し補足(下)</div>
                </div>
            </div>
        </div>
    </div>
</div>
大きい
バリエーション1
見出し補足(上)

よくあるご質問(回答を入力してください)

見出し補足(下)
<div>
    <div class="b-bPlacer-2s">
        <div class="t0-b-lv4H-aIcon t0-b-lv4H-aIcon--align- t0-b-lv4H-aIcon--size-3" data-height-part="">
            <div>
                <div class="t0-b-lv4H-aIcon__iconPlacer"><span class="t0-b-lv4H-aIcon__icon"></span></div>
                <div class="t0-b-lv4H-aIcon__bd">
                    <div class="t0-b-lv4H-aIcon__caption-upper" data-cms-path="data.contents.0">見出し補足(上)</div>
                    <h4 class="t0-b-lv4H-aIcon__h t0-b-lv4H-aIcon--align-" data-cms-path="data.contents.1">
                        よくあるご質問(回答を入力してください)
                    </h4>
                    <div class="t0-b-lv4H-aIcon__caption-lower" data-cms-path="data.contents.2">見出し補足(下)</div>
                </div>
            </div>
        </div>
    </div>
</div>
大きい
バリエーション2
見出し補足(上)

よくあるご質問(回答を入力してください)

見出し補足(下)
<div>
    <div class="b-bPlacer-2s">
        <div class="t0-b-lv4H-aIcon2 t0-b-lv4H-aIcon2--align- t0-b-lv4H-aIcon2--size-3" data-height-part="">
            <div>
                <div class="t0-b-lv4H-aIcon2__iconPlacer"><span class="t0-b-lv4H-aIcon2__icon"></span></div>
                <div class="t0-b-lv4H-aIcon2__bd">
                    <div class="t0-b-lv4H-aIcon2__caption-upper" data-cms-path="data.contents.0">見出し補足(上)</div>
                    <h4 class="t0-b-lv4H-aIcon2__h t0-b-lv4H-aIcon2--align-" data-cms-path="data.contents.1">
                        よくあるご質問(回答を入力してください)
                    </h4>
                    <div class="t0-b-lv4H-aIcon2__caption-lower" data-cms-path="data.contents.2">見出し補足(下)</div>
                </div>
            </div>
        </div>
    </div>
</div>

サイズ設定

/temp/unittest/parts/053_lv4H-num2Icon_lv4H-num2Icon_f14.md
  • f14

ブロック名称:サイズ設定

[f14:サイズ設定(機能仕様)]

デザイン・機能仕様:

個別仕様


小さい、中、大きいの3段階
見出しのサイズ設定機能 https://goo.gl/GT6pj9

テストケース:

  • (個別仕様がある場合)個別仕様通りに実装されていること 
  • 指定した通りの大きさで表示されていること (PCのみ)
  • サイズ設定が反映されていないこと (SPのみ)
小さい
バリエーション1
番号見出し補足

番号見出し

番号見出し補足
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-lv4H-num2Icon t0-b-lv4H-num2Icon--align- t0-b-lv4H-num2Icon--size-1" data-height-part="">
            <div>
                <div class="t0-b-lv4H-num2Icon__iconPlacer">
                    <span class="t0-b-lv4H-num2Icon__icon t0-b-lv4H-num2Icon__icon--number-1"></span>
                </div>
                <div class="t0-b-lv4H-num2Icon__bd">
                    <div class="t0-b-lv4H-num2Icon__caption-upper" data-cms-path="data.contents.0">番号見出し補足</div>
                    <h4 class="t0-b-lv4H-num2Icon__h" data-cms-path="data.contents.1">番号見出し</h4>
                    <div class="t0-b-lv4H-num2Icon__caption-lower" data-cms-path="data.contents.2">番号見出し補足</div>
                </div>
            </div>
        </div>
    </div>
</div>
小さい
バリエーション2
番号見出し補足

番号見出し

番号見出し補足
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-lv4H-num2Icon2 t0-b-lv4H-num2Icon2--align- t0-b-lv4H-num2Icon2--size-1" data-height-part="">
            <div>
                <div class="t0-b-lv4H-num2Icon2__iconPlacer">
                    <span class="t0-b-lv4H-num2Icon2__icon t0-b-lv4H-num2Icon2__icon--number-1"></span>
                </div>
                <div class="t0-b-lv4H-num2Icon2__bd">
                    <div class="t0-b-lv4H-num2Icon2__caption-upper" data-cms-path="data.contents.0">番号見出し補足</div>
                    <h4 class="t0-b-lv4H-num2Icon2__h" data-cms-path="data.contents.1">番号見出し</h4>
                    <div class="t0-b-lv4H-num2Icon2__caption-lower" data-cms-path="data.contents.2">番号見出し補足</div>
                </div>
            </div>
        </div>
    </div>
</div>
バリエーション1
番号見出し補足

番号見出し

番号見出し補足
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-lv4H-num2Icon t0-b-lv4H-num2Icon--align- t0-b-lv4H-num2Icon--size-2" data-height-part="">
            <div>
                <div class="t0-b-lv4H-num2Icon__iconPlacer">
                    <span class="t0-b-lv4H-num2Icon__icon t0-b-lv4H-num2Icon__icon--number-1"></span>
                </div>
                <div class="t0-b-lv4H-num2Icon__bd">
                    <div class="t0-b-lv4H-num2Icon__caption-upper" data-cms-path="data.contents.0">番号見出し補足</div>
                    <h4 class="t0-b-lv4H-num2Icon__h" data-cms-path="data.contents.1">番号見出し</h4>
                    <div class="t0-b-lv4H-num2Icon__caption-lower" data-cms-path="data.contents.2">番号見出し補足</div>
                </div>
            </div>
        </div>
    </div>
</div>
バリエーション2
番号見出し補足

番号見出し

番号見出し補足
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-lv4H-num2Icon2 t0-b-lv4H-num2Icon2--align- t0-b-lv4H-num2Icon2--size-2" data-height-part="">
            <div>
                <div class="t0-b-lv4H-num2Icon2__iconPlacer">
                    <span class="t0-b-lv4H-num2Icon2__icon t0-b-lv4H-num2Icon2__icon--number-1"></span>
                </div>
                <div class="t0-b-lv4H-num2Icon2__bd">
                    <div class="t0-b-lv4H-num2Icon2__caption-upper" data-cms-path="data.contents.0">番号見出し補足</div>
                    <h4 class="t0-b-lv4H-num2Icon2__h" data-cms-path="data.contents.1">番号見出し</h4>
                    <div class="t0-b-lv4H-num2Icon2__caption-lower" data-cms-path="data.contents.2">番号見出し補足</div>
                </div>
            </div>
        </div>
    </div>
</div>
大きい
バリエーション1
番号見出し補足

番号見出し

番号見出し補足
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-lv4H-num2Icon t0-b-lv4H-num2Icon--align- t0-b-lv4H-num2Icon--size-3" data-height-part="">
            <div>
                <div class="t0-b-lv4H-num2Icon__iconPlacer">
                    <span class="t0-b-lv4H-num2Icon__icon t0-b-lv4H-num2Icon__icon--number-1"></span>
                </div>
                <div class="t0-b-lv4H-num2Icon__bd">
                    <div class="t0-b-lv4H-num2Icon__caption-upper" data-cms-path="data.contents.0">番号見出し補足</div>
                    <h4 class="t0-b-lv4H-num2Icon__h" data-cms-path="data.contents.1">番号見出し</h4>
                    <div class="t0-b-lv4H-num2Icon__caption-lower" data-cms-path="data.contents.2">番号見出し補足</div>
                </div>
            </div>
        </div>
    </div>
</div>
大きい
バリエーション2
番号見出し補足

番号見出し

番号見出し補足
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-lv4H-num2Icon2 t0-b-lv4H-num2Icon2--align- t0-b-lv4H-num2Icon2--size-3" data-height-part="">
            <div>
                <div class="t0-b-lv4H-num2Icon2__iconPlacer">
                    <span class="t0-b-lv4H-num2Icon2__icon t0-b-lv4H-num2Icon2__icon--number-1"></span>
                </div>
                <div class="t0-b-lv4H-num2Icon2__bd">
                    <div class="t0-b-lv4H-num2Icon2__caption-upper" data-cms-path="data.contents.0">番号見出し補足</div>
                    <h4 class="t0-b-lv4H-num2Icon2__h" data-cms-path="data.contents.1">番号見出し</h4>
                    <div class="t0-b-lv4H-num2Icon2__caption-lower" data-cms-path="data.contents.2">番号見出し補足</div>
                </div>
            </div>
        </div>
    </div>
</div>

サイズ設定

/temp/unittest/parts/061_lv4HBig_lv4HBig_f14.md
  • f14

ブロック名称:サイズ設定

[f14:サイズ設定(機能仕様)]

デザイン・機能仕様:

個別仕様


小さい、中、大きいの3段階
見出しのサイズ設定機能 https://goo.gl/GT6pj9

テストケース:

  • (個別仕様がある場合)個別仕様通りに実装されていること 
  • 指定した通りの大きさで表示されていること (PCのみ)
  • サイズ設定が反映されていないこと (SPのみ)
小さい
バリエーション1
装飾見出し補足

装飾見出し

装飾見出し補足
<div>
    <div class="b-bPlacer-8s">
        <div class="t0-b-lv4HBig t0-b-lv4HBig--align- t0-b-lv4HBig--size-1" data-height-part="">
            <div class="t0-b-lv4HBig__box">
                <div class="t0-b-lv4HBig__caption-upper" data-cms-path="data.contents.0">装飾見出し補足</div>
                <div class="t0-b-lv4HBig__bd"><span><span><span><span></span></span></span></span>
                    <h4 data-cms-path="data.contents.1">装飾見出し</h4>
                </div>
            </div>
            <div class="t0-b-lv4HBig__caption-lower" data-cms-path="data.contents.2">装飾見出し補足</div>
        </div>
    </div>
</div>
バリエーション1
装飾見出し補足

装飾見出し

装飾見出し補足
<div>
    <div class="b-bPlacer-8s">
        <div class="t0-b-lv4HBig t0-b-lv4HBig--align- t0-b-lv4HBig--size-2" data-height-part="">
            <div class="t0-b-lv4HBig__box">
                <div class="t0-b-lv4HBig__caption-upper" data-cms-path="data.contents.0">装飾見出し補足</div>
                <div class="t0-b-lv4HBig__bd"><span><span><span><span></span></span></span></span>
                    <h4 data-cms-path="data.contents.1">装飾見出し</h4>
                </div>
            </div>
            <div class="t0-b-lv4HBig__caption-lower" data-cms-path="data.contents.2">装飾見出し補足</div>
        </div>
    </div>
</div>
大きい
バリエーション1
装飾見出し補足

装飾見出し

装飾見出し補足
<div>
    <div class="b-bPlacer-8s">
        <div class="t0-b-lv4HBig t0-b-lv4HBig--align- t0-b-lv4HBig--size-3" data-height-part="">
            <div class="t0-b-lv4HBig__box">
                <div class="t0-b-lv4HBig__caption-upper" data-cms-path="data.contents.0">装飾見出し補足</div>
                <div class="t0-b-lv4HBig__bd"><span><span><span><span></span></span></span></span>
                    <h4 data-cms-path="data.contents.1">装飾見出し</h4>
                </div>
            </div>
            <div class="t0-b-lv4HBig__caption-lower" data-cms-path="data.contents.2">装飾見出し補足</div>
        </div>
    </div>
</div>

サイズ設定

/temp/unittest/parts/062_navBItem_navBItem_f14.md
  • f14

ブロック名称:サイズ設定

[f14:サイズ設定(機能仕様)]

デザイン・機能仕様:

個別仕様


とても小さい、小さい、中、大きい、とても大きいの5段階

テストケース:

  • (個別仕様がある場合)個別仕様通りに実装されていること 
  • 指定した通りの大きさで表示されていること (PCのみ)
  • サイズ設定が反映されていないこと (SPのみ)
とても小さい
バリエーション1
詳細はこちらへ
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-navBItem t0-b-navBItem--size-1 t0-b-navBItem--width-m t0-b-navBItem--align-c" data-height-part="">
            <div data-cms-path="data.contents.0"><span><span><span></span></span></span>
                <div data-cms-contenteditable="data.contents.0.text">詳細はこちらへ</div>
            </div>
        </div>
    </div>
</div>
とても小さい
バリエーション2
詳細はこちらへ
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-navBItem2 t0-b-navBItem2--size-1 t0-b-navBItem2--width-m t0-b-navBItem2--align-c" data-height-part="">
            <div data-cms-path="data.contents.0"><span><span><span></span></span></span>
                <div data-cms-contenteditable="data.contents.0.text">詳細はこちらへ</div>
            </div>
        </div>
    </div>
</div>
小さい
バリエーション1
詳細はこちらへ
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-navBItem t0-b-navBItem--size-2 t0-b-navBItem--width-m t0-b-navBItem--align-c" data-height-part="">
            <div data-cms-path="data.contents.0"><span><span><span></span></span></span>
                <div data-cms-contenteditable="data.contents.0.text">詳細はこちらへ</div>
            </div>
        </div>
    </div>
</div>
小さい
バリエーション2
詳細はこちらへ
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-navBItem2 t0-b-navBItem2--size-2 t0-b-navBItem2--width-m t0-b-navBItem2--align-c" data-height-part="">
            <div data-cms-path="data.contents.0"><span><span><span></span></span></span>
                <div data-cms-contenteditable="data.contents.0.text">詳細はこちらへ</div>
            </div>
        </div>
    </div>
</div>
バリエーション1
詳細はこちらへ
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-navBItem t0-b-navBItem--size-3 t0-b-navBItem--width-m t0-b-navBItem--align-c" data-height-part="">
            <div data-cms-path="data.contents.0"><span><span><span></span></span></span>
                <div data-cms-contenteditable="data.contents.0.text">詳細はこちらへ</div>
            </div>
        </div>
    </div>
</div>
バリエーション2
詳細はこちらへ
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-navBItem2 t0-b-navBItem2--size-3 t0-b-navBItem2--width-m t0-b-navBItem2--align-c" data-height-part="">
            <div data-cms-path="data.contents.0"><span><span><span></span></span></span>
                <div data-cms-contenteditable="data.contents.0.text">詳細はこちらへ</div>
            </div>
        </div>
    </div>
</div>
大きい
バリエーション1
詳細はこちらへ
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-navBItem t0-b-navBItem--size-4 t0-b-navBItem--width-m t0-b-navBItem--align-c" data-height-part="">
            <div data-cms-path="data.contents.0"><span><span><span></span></span></span>
                <div data-cms-contenteditable="data.contents.0.text">詳細はこちらへ</div>
            </div>
        </div>
    </div>
</div>
大きい
バリエーション2
詳細はこちらへ
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-navBItem2 t0-b-navBItem2--size-4 t0-b-navBItem2--width-m t0-b-navBItem2--align-c" data-height-part="">
            <div data-cms-path="data.contents.0"><span><span><span></span></span></span>
                <div data-cms-contenteditable="data.contents.0.text">詳細はこちらへ</div>
            </div>
        </div>
    </div>
</div>
とても大きい
バリエーション1
詳細はこちらへ
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-navBItem t0-b-navBItem--size-5 t0-b-navBItem--width-m t0-b-navBItem--align-c" data-height-part="">
            <div data-cms-path="data.contents.0"><span><span><span></span></span></span>
                <div data-cms-contenteditable="data.contents.0.text">詳細はこちらへ</div>
            </div>
        </div>
    </div>
</div>
とても大きい
バリエーション2
詳細はこちらへ
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-navBItem2 t0-b-navBItem2--size-5 t0-b-navBItem2--width-m t0-b-navBItem2--align-c" data-height-part="">
            <div data-cms-path="data.contents.0"><span><span><span></span></span></span>
                <div data-cms-contenteditable="data.contents.0.text">詳細はこちらへ</div>
            </div>
        </div>
    </div>
</div>

サイズ設定

/temp/unittest/parts/062_navBItem_navBItemDouble_f14.md
  • f14

ブロック名称:サイズ設定

[f14:サイズ設定(機能仕様)]

デザイン・機能仕様:

個別仕様


とても小さい、小さい、中、大きい、とても大きいの5段階

テストケース:

  • (個別仕様がある場合)個別仕様通りに実装されていること 
  • 指定した通りの大きさで表示されていること (PCのみ)
  • サイズ設定が反映されていないこと (SPのみ)
とても小さい
バリエーション1
詳細はこちらへ
詳細はこちらへ
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-2 t0-b-layoutSplitter--spacing-4s" data-height-part="">
            <div>
                <div class="t0-b-layoutSplitter__div">
                    <div>
                        <div class="t0-b-navBItem t0-b-navBItem--size-1 t0-b-navBItem--width- t0-b-navBItem--align-">
                            <div data-cms-path="data.contents.0"><span><span><span></span></span></span>
                                <div data-cms-contenteditable="data.contents.0.text">詳細はこちらへ</div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="t0-b-layoutSplitter__div">
                    <div>
                        <div class="t0-b-navBItem t0-b-navBItem--size-1 t0-b-navBItem--width- t0-b-navBItem--align-">
                            <div data-cms-path="data.contents.1"><span><span><span></span></span></span>
                                <div data-cms-contenteditable="data.contents.1.text">詳細はこちらへ</div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
とても小さい
バリエーション2
詳細はこちらへ
詳細はこちらへ
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-2 t0-b-layoutSplitter--spacing-4s" data-height-part="">
            <div>
                <div class="t0-b-layoutSplitter__div">
                    <div>
                        <div class="t0-b-navBItem2 t0-b-navBItem2--size-1 t0-b-navBItem2--width- t0-b-navBItem2--align-">
                            <div data-cms-path="data.contents.0"><span><span><span></span></span></span>
                                <div data-cms-contenteditable="data.contents.0.text">詳細はこちらへ</div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="t0-b-layoutSplitter__div">
                    <div>
                        <div class="t0-b-navBItem2 t0-b-navBItem2--size-1 t0-b-navBItem2--width- t0-b-navBItem2--align-">
                            <div data-cms-path="data.contents.1"><span><span><span></span></span></span>
                                <div data-cms-contenteditable="data.contents.1.text">詳細はこちらへ</div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
小さい
バリエーション1
詳細はこちらへ
詳細はこちらへ
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-2 t0-b-layoutSplitter--spacing-4s" data-height-part="">
            <div>
                <div class="t0-b-layoutSplitter__div">
                    <div>
                        <div class="t0-b-navBItem t0-b-navBItem--size-2 t0-b-navBItem--width- t0-b-navBItem--align-">
                            <div data-cms-path="data.contents.0"><span><span><span></span></span></span>
                                <div data-cms-contenteditable="data.contents.0.text">詳細はこちらへ</div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="t0-b-layoutSplitter__div">
                    <div>
                        <div class="t0-b-navBItem t0-b-navBItem--size-2 t0-b-navBItem--width- t0-b-navBItem--align-">
                            <div data-cms-path="data.contents.1"><span><span><span></span></span></span>
                                <div data-cms-contenteditable="data.contents.1.text">詳細はこちらへ</div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
小さい
バリエーション2
詳細はこちらへ
詳細はこちらへ
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-2 t0-b-layoutSplitter--spacing-4s" data-height-part="">
            <div>
                <div class="t0-b-layoutSplitter__div">
                    <div>
                        <div class="t0-b-navBItem2 t0-b-navBItem2--size-2 t0-b-navBItem2--width- t0-b-navBItem2--align-">
                            <div data-cms-path="data.contents.0"><span><span><span></span></span></span>
                                <div data-cms-contenteditable="data.contents.0.text">詳細はこちらへ</div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="t0-b-layoutSplitter__div">
                    <div>
                        <div class="t0-b-navBItem2 t0-b-navBItem2--size-2 t0-b-navBItem2--width- t0-b-navBItem2--align-">
                            <div data-cms-path="data.contents.1"><span><span><span></span></span></span>
                                <div data-cms-contenteditable="data.contents.1.text">詳細はこちらへ</div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
バリエーション1
詳細はこちらへ
詳細はこちらへ
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-2 t0-b-layoutSplitter--spacing-4s" data-height-part="">
            <div>
                <div class="t0-b-layoutSplitter__div">
                    <div>
                        <div class="t0-b-navBItem t0-b-navBItem--size-3 t0-b-navBItem--width- t0-b-navBItem--align-">
                            <div data-cms-path="data.contents.0"><span><span><span></span></span></span>
                                <div data-cms-contenteditable="data.contents.0.text">詳細はこちらへ</div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="t0-b-layoutSplitter__div">
                    <div>
                        <div class="t0-b-navBItem t0-b-navBItem--size-3 t0-b-navBItem--width- t0-b-navBItem--align-">
                            <div data-cms-path="data.contents.1"><span><span><span></span></span></span>
                                <div data-cms-contenteditable="data.contents.1.text">詳細はこちらへ</div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
バリエーション2
詳細はこちらへ
詳細はこちらへ
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-2 t0-b-layoutSplitter--spacing-4s" data-height-part="">
            <div>
                <div class="t0-b-layoutSplitter__div">
                    <div>
                        <div class="t0-b-navBItem2 t0-b-navBItem2--size-3 t0-b-navBItem2--width- t0-b-navBItem2--align-">
                            <div data-cms-path="data.contents.0"><span><span><span></span></span></span>
                                <div data-cms-contenteditable="data.contents.0.text">詳細はこちらへ</div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="t0-b-layoutSplitter__div">
                    <div>
                        <div class="t0-b-navBItem2 t0-b-navBItem2--size-3 t0-b-navBItem2--width- t0-b-navBItem2--align-">
                            <div data-cms-path="data.contents.1"><span><span><span></span></span></span>
                                <div data-cms-contenteditable="data.contents.1.text">詳細はこちらへ</div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
大きい
バリエーション1
詳細はこちらへ
詳細はこちらへ
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-2 t0-b-layoutSplitter--spacing-4s" data-height-part="">
            <div>
                <div class="t0-b-layoutSplitter__div">
                    <div>
                        <div class="t0-b-navBItem t0-b-navBItem--size-4 t0-b-navBItem--width- t0-b-navBItem--align-">
                            <div data-cms-path="data.contents.0"><span><span><span></span></span></span>
                                <div data-cms-contenteditable="data.contents.0.text">詳細はこちらへ</div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="t0-b-layoutSplitter__div">
                    <div>
                        <div class="t0-b-navBItem t0-b-navBItem--size-4 t0-b-navBItem--width- t0-b-navBItem--align-">
                            <div data-cms-path="data.contents.1"><span><span><span></span></span></span>
                                <div data-cms-contenteditable="data.contents.1.text">詳細はこちらへ</div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
大きい
バリエーション2
詳細はこちらへ
詳細はこちらへ
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-2 t0-b-layoutSplitter--spacing-4s" data-height-part="">
            <div>
                <div class="t0-b-layoutSplitter__div">
                    <div>
                        <div class="t0-b-navBItem2 t0-b-navBItem2--size-4 t0-b-navBItem2--width- t0-b-navBItem2--align-">
                            <div data-cms-path="data.contents.0"><span><span><span></span></span></span>
                                <div data-cms-contenteditable="data.contents.0.text">詳細はこちらへ</div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="t0-b-layoutSplitter__div">
                    <div>
                        <div class="t0-b-navBItem2 t0-b-navBItem2--size-4 t0-b-navBItem2--width- t0-b-navBItem2--align-">
                            <div data-cms-path="data.contents.1"><span><span><span></span></span></span>
                                <div data-cms-contenteditable="data.contents.1.text">詳細はこちらへ</div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
とても大きい
バリエーション1
詳細はこちらへ
詳細はこちらへ
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-2 t0-b-layoutSplitter--spacing-4s" data-height-part="">
            <div>
                <div class="t0-b-layoutSplitter__div">
                    <div>
                        <div class="t0-b-navBItem t0-b-navBItem--size-5 t0-b-navBItem--width- t0-b-navBItem--align-">
                            <div data-cms-path="data.contents.0"><span><span><span></span></span></span>
                                <div data-cms-contenteditable="data.contents.0.text">詳細はこちらへ</div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="t0-b-layoutSplitter__div">
                    <div>
                        <div class="t0-b-navBItem t0-b-navBItem--size-5 t0-b-navBItem--width- t0-b-navBItem--align-">
                            <div data-cms-path="data.contents.1"><span><span><span></span></span></span>
                                <div data-cms-contenteditable="data.contents.1.text">詳細はこちらへ</div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
とても大きい
バリエーション2
詳細はこちらへ
詳細はこちらへ
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-2 t0-b-layoutSplitter--spacing-4s" data-height-part="">
            <div>
                <div class="t0-b-layoutSplitter__div">
                    <div>
                        <div class="t0-b-navBItem2 t0-b-navBItem2--size-5 t0-b-navBItem2--width- t0-b-navBItem2--align-">
                            <div data-cms-path="data.contents.0"><span><span><span></span></span></span>
                                <div data-cms-contenteditable="data.contents.0.text">詳細はこちらへ</div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="t0-b-layoutSplitter__div">
                    <div>
                        <div class="t0-b-navBItem2 t0-b-navBItem2--size-5 t0-b-navBItem2--width- t0-b-navBItem2--align-">
                            <div data-cms-path="data.contents.1"><span><span><span></span></span></span>
                                <div data-cms-contenteditable="data.contents.1.text">詳細はこちらへ</div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

サイズ設定

/temp/unittest/parts/063_navBItemCaptioned_navBItemCaptioned_f14.md
  • f14

ブロック名称:サイズ設定

[f14:サイズ設定(機能仕様)]

デザイン・機能仕様:

個別仕様


とても小さい、小さい、中、大きい、とても大きいの5段階

テストケース:

  • (個別仕様がある場合)個別仕様通りに実装されていること 
  • 指定した通りの大きさで表示されていること (PCのみ)
  • サイズ設定が反映されていないこと (SPのみ)
とても小さい
バリエーション1
詳細はこちらへ
ボタンリンク補足
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-navBItemCaptioned t0-b-navBItemCaptioned--size-1 t0-b-navBItemCaptioned--width-m t0-b-navBItemCaptioned--align-c" data-height-part="">
            <div data-cms-path="data.contents.0">
                <span><span><span></span></span></span>
                <div class="">
                    <div class="t0-b-navBItemCaptioned__main" data-cms-contenteditable="data.contents.0.text">詳細はこちらへ</div>
                    <div class="t0-b-navBItemCaptioned__caption" data-cms-path="data.contents.1">ボタンリンク補足</div>
                </div>
            </div>
        </div>
    </div>
</div>
とても小さい
バリエーション2
詳細はこちらへ
ボタンリンク補足
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-navBItemCaptioned2 t0-b-navBItemCaptioned2--size-1 t0-b-navBItemCaptioned2--width-m t0-b-navBItemCaptioned2--align-c" data-height-part="">
            <div data-cms-path="data.contents.0">
                <span><span><span></span></span></span>
                <div class="">
                    <div class="t0-b-navBItemCaptioned2__main" data-cms-contenteditable="data.contents.0.text">詳細はこちらへ</div>
                    <div class="t0-b-navBItemCaptioned2__caption" data-cms-path="data.contents.1">ボタンリンク補足</div>
                </div>
            </div>
        </div>
    </div>
</div>
小さい
バリエーション1
詳細はこちらへ
ボタンリンク補足
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-navBItemCaptioned t0-b-navBItemCaptioned--size-2 t0-b-navBItemCaptioned--width-m t0-b-navBItemCaptioned--align-c" data-height-part="">
            <div data-cms-path="data.contents.0">
                <span><span><span></span></span></span>
                <div class="">
                    <div class="t0-b-navBItemCaptioned__main" data-cms-contenteditable="data.contents.0.text">詳細はこちらへ</div>
                    <div class="t0-b-navBItemCaptioned__caption" data-cms-path="data.contents.1">ボタンリンク補足</div>
                </div>
            </div>
        </div>
    </div>
</div>
小さい
バリエーション2
詳細はこちらへ
ボタンリンク補足
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-navBItemCaptioned2 t0-b-navBItemCaptioned2--size-2 t0-b-navBItemCaptioned2--width-m t0-b-navBItemCaptioned2--align-c" data-height-part="">
            <div data-cms-path="data.contents.0">
                <span><span><span></span></span></span>
                <div class="">
                    <div class="t0-b-navBItemCaptioned2__main" data-cms-contenteditable="data.contents.0.text">詳細はこちらへ</div>
                    <div class="t0-b-navBItemCaptioned2__caption" data-cms-path="data.contents.1">ボタンリンク補足</div>
                </div>
            </div>
        </div>
    </div>
</div>
バリエーション1
詳細はこちらへ
ボタンリンク補足
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-navBItemCaptioned t0-b-navBItemCaptioned--size-3 t0-b-navBItemCaptioned--width-m t0-b-navBItemCaptioned--align-c" data-height-part="">
            <div data-cms-path="data.contents.0">
                <span><span><span></span></span></span>
                <div class="">
                    <div class="t0-b-navBItemCaptioned__main" data-cms-contenteditable="data.contents.0.text">詳細はこちらへ</div>
                    <div class="t0-b-navBItemCaptioned__caption" data-cms-path="data.contents.1">ボタンリンク補足</div>
                </div>
            </div>
        </div>
    </div>
</div>
バリエーション2
詳細はこちらへ
ボタンリンク補足
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-navBItemCaptioned2 t0-b-navBItemCaptioned2--size-3 t0-b-navBItemCaptioned2--width-m t0-b-navBItemCaptioned2--align-c" data-height-part="">
            <div data-cms-path="data.contents.0">
                <span><span><span></span></span></span>
                <div class="">
                    <div class="t0-b-navBItemCaptioned2__main" data-cms-contenteditable="data.contents.0.text">詳細はこちらへ</div>
                    <div class="t0-b-navBItemCaptioned2__caption" data-cms-path="data.contents.1">ボタンリンク補足</div>
                </div>
            </div>
        </div>
    </div>
</div>
大きい
バリエーション1
詳細はこちらへ
ボタンリンク補足
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-navBItemCaptioned t0-b-navBItemCaptioned--size-4 t0-b-navBItemCaptioned--width-m t0-b-navBItemCaptioned--align-c" data-height-part="">
            <div data-cms-path="data.contents.0">
                <span><span><span></span></span></span>
                <div class="">
                    <div class="t0-b-navBItemCaptioned__main" data-cms-contenteditable="data.contents.0.text">詳細はこちらへ</div>
                    <div class="t0-b-navBItemCaptioned__caption" data-cms-path="data.contents.1">ボタンリンク補足</div>
                </div>
            </div>
        </div>
    </div>
</div>
大きい
バリエーション2
詳細はこちらへ
ボタンリンク補足
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-navBItemCaptioned2 t0-b-navBItemCaptioned2--size-4 t0-b-navBItemCaptioned2--width-m t0-b-navBItemCaptioned2--align-c" data-height-part="">
            <div data-cms-path="data.contents.0">
                <span><span><span></span></span></span>
                <div class="">
                    <div class="t0-b-navBItemCaptioned2__main" data-cms-contenteditable="data.contents.0.text">詳細はこちらへ</div>
                    <div class="t0-b-navBItemCaptioned2__caption" data-cms-path="data.contents.1">ボタンリンク補足</div>
                </div>
            </div>
        </div>
    </div>
</div>
とても大きい
バリエーション1
詳細はこちらへ
ボタンリンク補足
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-navBItemCaptioned t0-b-navBItemCaptioned--size-5 t0-b-navBItemCaptioned--width-m t0-b-navBItemCaptioned--align-c" data-height-part="">
            <div data-cms-path="data.contents.0">
                <span><span><span></span></span></span>
                <div class="">
                    <div class="t0-b-navBItemCaptioned__main" data-cms-contenteditable="data.contents.0.text">詳細はこちらへ</div>
                    <div class="t0-b-navBItemCaptioned__caption" data-cms-path="data.contents.1">ボタンリンク補足</div>
                </div>
            </div>
        </div>
    </div>
</div>
とても大きい
バリエーション2
詳細はこちらへ
ボタンリンク補足
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-navBItemCaptioned2 t0-b-navBItemCaptioned2--size-5 t0-b-navBItemCaptioned2--width-m t0-b-navBItemCaptioned2--align-c" data-height-part="">
            <div data-cms-path="data.contents.0">
                <span><span><span></span></span></span>
                <div class="">
                    <div class="t0-b-navBItemCaptioned2__main" data-cms-contenteditable="data.contents.0.text">詳細はこちらへ</div>
                    <div class="t0-b-navBItemCaptioned2__caption" data-cms-path="data.contents.1">ボタンリンク補足</div>
                </div>
            </div>
        </div>
    </div>
</div>

サイズ設定

/temp/unittest/parts/063_navBItemCaptioned_navBItemCaptionedDouble_f14.md
  • f14

ブロック名称:サイズ設定

[f14:サイズ設定(機能仕様)]

デザイン・機能仕様:

個別仕様


とても小さい、小さい、中、大きい、とても大きいの5段階

テストケース:

  • (個別仕様がある場合)個別仕様通りに実装されていること 
  • 指定した通りの大きさで表示されていること (PCのみ)
  • サイズ設定が反映されていないこと (SPのみ)
とても小さい
バリエーション1
詳細はこちらへ
ボタンリンク補足
詳細はこちらへ
ボタンリンク補足
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-2 t0-b-layoutSplitter--spacing-4s" data-height-part="">
            <div>
                <div class="t0-b-layoutSplitter__div">
                    <div>
                        <div class="t0-b-navBItemCaptioned t0-b-navBItemCaptioned--size-1 t0-b-navBItemCaptioned--width- t0-b-navBItemCaptioned--align-">
                            <div data-cms-path="data.contents.0">
                                <span><span><span></span></span></span>
                                <div class="">
                                    <div class="t0-b-navBItemCaptioned__main" data-cms-contenteditable="data.contents.0.text">詳細はこちらへ</div>
                                    <div class="t0-b-navBItemCaptioned__caption" data-cms-path="data.contents.1">ボタンリンク補足</div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="t0-b-layoutSplitter__div">
                    <div>
                        <div class="t0-b-navBItemCaptioned t0-b-navBItemCaptioned--size-1 t0-b-navBItemCaptioned--width- t0-b-navBItemCaptioned--align-">
                            <div data-cms-path="data.contents.2">
                                <span><span><span></span></span></span>
                                <div class="">
                                    <div class="t0-b-navBItemCaptioned__main" data-cms-contenteditable="data.contents.2.text">詳細はこちらへ</div>
                                    <div class="t0-b-navBItemCaptioned__caption" data-cms-path="data.contents.3">ボタンリンク補足</div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
とても小さい
バリエーション2
詳細はこちらへ
ボタンリンク補足
詳細はこちらへ
ボタンリンク補足
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-2 t0-b-layoutSplitter--spacing-4s" data-height-part="">
            <div>
                <div class="t0-b-layoutSplitter__div">
                    <div>
                        <div class="t0-b-navBItemCaptioned2 t0-b-navBItemCaptioned2--size-1 t0-b-navBItemCaptioned2--width- t0-b-navBItemCaptioned2--align-">
                            <div data-cms-path="data.contents.0">
                                <span><span><span></span></span></span>
                                <div class="">
                                    <div class="t0-b-navBItemCaptioned2__main" data-cms-contenteditable="data.contents.0.text">詳細はこちらへ</div>
                                    <div class="t0-b-navBItemCaptioned2__caption" data-cms-path="data.contents.1">ボタンリンク補足</div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="t0-b-layoutSplitter__div">
                    <div>
                        <div class="t0-b-navBItemCaptioned2 t0-b-navBItemCaptioned2--size-1 t0-b-navBItemCaptioned2--width- t0-b-navBItemCaptioned2--align-">
                            <div data-cms-path="data.contents.2">
                                <span><span><span></span></span></span>
                                <div class="">
                                    <div class="t0-b-navBItemCaptioned2__main" data-cms-contenteditable="data.contents.2.text">詳細はこちらへ</div>
                                    <div class="t0-b-navBItemCaptioned2__caption" data-cms-path="data.contents.3">ボタンリンク補足</div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
小さい
バリエーション1
詳細はこちらへ
ボタンリンク補足
詳細はこちらへ
ボタンリンク補足
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-2 t0-b-layoutSplitter--spacing-4s" data-height-part="">
            <div>
                <div class="t0-b-layoutSplitter__div">
                    <div>
                        <div class="t0-b-navBItemCaptioned t0-b-navBItemCaptioned--size-2 t0-b-navBItemCaptioned--width- t0-b-navBItemCaptioned--align-">
                            <div data-cms-path="data.contents.0">
                                <span><span><span></span></span></span>
                                <div class="">
                                    <div class="t0-b-navBItemCaptioned__main" data-cms-contenteditable="data.contents.0.text">詳細はこちらへ</div>
                                    <div class="t0-b-navBItemCaptioned__caption" data-cms-path="data.contents.1">ボタンリンク補足</div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="t0-b-layoutSplitter__div">
                    <div>
                        <div class="t0-b-navBItemCaptioned t0-b-navBItemCaptioned--size-2 t0-b-navBItemCaptioned--width- t0-b-navBItemCaptioned--align-">
                            <div data-cms-path="data.contents.2">
                                <span><span><span></span></span></span>
                                <div class="">
                                    <div class="t0-b-navBItemCaptioned__main" data-cms-contenteditable="data.contents.2.text">詳細はこちらへ</div>
                                    <div class="t0-b-navBItemCaptioned__caption" data-cms-path="data.contents.3">ボタンリンク補足</div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
小さい
バリエーション2
詳細はこちらへ
ボタンリンク補足
詳細はこちらへ
ボタンリンク補足
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-2 t0-b-layoutSplitter--spacing-4s" data-height-part="">
            <div>
                <div class="t0-b-layoutSplitter__div">
                    <div>
                        <div class="t0-b-navBItemCaptioned2 t0-b-navBItemCaptioned2--size-2 t0-b-navBItemCaptioned2--width- t0-b-navBItemCaptioned2--align-">
                            <div data-cms-path="data.contents.0">
                                <span><span><span></span></span></span>
                                <div class="">
                                    <div class="t0-b-navBItemCaptioned2__main" data-cms-contenteditable="data.contents.0.text">詳細はこちらへ</div>
                                    <div class="t0-b-navBItemCaptioned2__caption" data-cms-path="data.contents.1">ボタンリンク補足</div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="t0-b-layoutSplitter__div">
                    <div>
                        <div class="t0-b-navBItemCaptioned2 t0-b-navBItemCaptioned2--size-2 t0-b-navBItemCaptioned2--width- t0-b-navBItemCaptioned2--align-">
                            <div data-cms-path="data.contents.2">
                                <span><span><span></span></span></span>
                                <div class="">
                                    <div class="t0-b-navBItemCaptioned2__main" data-cms-contenteditable="data.contents.2.text">詳細はこちらへ</div>
                                    <div class="t0-b-navBItemCaptioned2__caption" data-cms-path="data.contents.3">ボタンリンク補足</div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
バリエーション1
詳細はこちらへ
ボタンリンク補足
詳細はこちらへ
ボタンリンク補足
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-2 t0-b-layoutSplitter--spacing-4s" data-height-part="">
            <div>
                <div class="t0-b-layoutSplitter__div">
                    <div>
                        <div class="t0-b-navBItemCaptioned t0-b-navBItemCaptioned--size-3 t0-b-navBItemCaptioned--width- t0-b-navBItemCaptioned--align-">
                            <div data-cms-path="data.contents.0">
                                <span><span><span></span></span></span>
                                <div class="">
                                    <div class="t0-b-navBItemCaptioned__main" data-cms-contenteditable="data.contents.0.text">詳細はこちらへ</div>
                                    <div class="t0-b-navBItemCaptioned__caption" data-cms-path="data.contents.1">ボタンリンク補足</div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="t0-b-layoutSplitter__div">
                    <div>
                        <div class="t0-b-navBItemCaptioned t0-b-navBItemCaptioned--size-3 t0-b-navBItemCaptioned--width- t0-b-navBItemCaptioned--align-">
                            <div data-cms-path="data.contents.2">
                                <span><span><span></span></span></span>
                                <div class="">
                                    <div class="t0-b-navBItemCaptioned__main" data-cms-contenteditable="data.contents.2.text">詳細はこちらへ</div>
                                    <div class="t0-b-navBItemCaptioned__caption" data-cms-path="data.contents.3">ボタンリンク補足</div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
バリエーション2
詳細はこちらへ
ボタンリンク補足
詳細はこちらへ
ボタンリンク補足
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-2 t0-b-layoutSplitter--spacing-4s" data-height-part="">
            <div>
                <div class="t0-b-layoutSplitter__div">
                    <div>
                        <div class="t0-b-navBItemCaptioned2 t0-b-navBItemCaptioned2--size-3 t0-b-navBItemCaptioned2--width- t0-b-navBItemCaptioned2--align-">
                            <div data-cms-path="data.contents.0">
                                <span><span><span></span></span></span>
                                <div class="">
                                    <div class="t0-b-navBItemCaptioned2__main" data-cms-contenteditable="data.contents.0.text">詳細はこちらへ</div>
                                    <div class="t0-b-navBItemCaptioned2__caption" data-cms-path="data.contents.1">ボタンリンク補足</div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="t0-b-layoutSplitter__div">
                    <div>
                        <div class="t0-b-navBItemCaptioned2 t0-b-navBItemCaptioned2--size-3 t0-b-navBItemCaptioned2--width- t0-b-navBItemCaptioned2--align-">
                            <div data-cms-path="data.contents.2">
                                <span><span><span></span></span></span>
                                <div class="">
                                    <div class="t0-b-navBItemCaptioned2__main" data-cms-contenteditable="data.contents.2.text">詳細はこちらへ</div>
                                    <div class="t0-b-navBItemCaptioned2__caption" data-cms-path="data.contents.3">ボタンリンク補足</div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
大きい
バリエーション1
詳細はこちらへ
ボタンリンク補足
詳細はこちらへ
ボタンリンク補足
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-2 t0-b-layoutSplitter--spacing-4s" data-height-part="">
            <div>
                <div class="t0-b-layoutSplitter__div">
                    <div>
                        <div class="t0-b-navBItemCaptioned t0-b-navBItemCaptioned--size-4 t0-b-navBItemCaptioned--width- t0-b-navBItemCaptioned--align-">
                            <div data-cms-path="data.contents.0">
                                <span><span><span></span></span></span>
                                <div class="">
                                    <div class="t0-b-navBItemCaptioned__main" data-cms-contenteditable="data.contents.0.text">詳細はこちらへ</div>
                                    <div class="t0-b-navBItemCaptioned__caption" data-cms-path="data.contents.1">ボタンリンク補足</div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="t0-b-layoutSplitter__div">
                    <div>
                        <div class="t0-b-navBItemCaptioned t0-b-navBItemCaptioned--size-4 t0-b-navBItemCaptioned--width- t0-b-navBItemCaptioned--align-">
                            <div data-cms-path="data.contents.2">
                                <span><span><span></span></span></span>
                                <div class="">
                                    <div class="t0-b-navBItemCaptioned__main" data-cms-contenteditable="data.contents.2.text">詳細はこちらへ</div>
                                    <div class="t0-b-navBItemCaptioned__caption" data-cms-path="data.contents.3">ボタンリンク補足</div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
大きい
バリエーション2
詳細はこちらへ
ボタンリンク補足
詳細はこちらへ
ボタンリンク補足
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-2 t0-b-layoutSplitter--spacing-4s" data-height-part="">
            <div>
                <div class="t0-b-layoutSplitter__div">
                    <div>
                        <div class="t0-b-navBItemCaptioned2 t0-b-navBItemCaptioned2--size-4 t0-b-navBItemCaptioned2--width- t0-b-navBItemCaptioned2--align-">
                            <div data-cms-path="data.contents.0">
                                <span><span><span></span></span></span>
                                <div class="">
                                    <div class="t0-b-navBItemCaptioned2__main" data-cms-contenteditable="data.contents.0.text">詳細はこちらへ</div>
                                    <div class="t0-b-navBItemCaptioned2__caption" data-cms-path="data.contents.1">ボタンリンク補足</div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="t0-b-layoutSplitter__div">
                    <div>
                        <div class="t0-b-navBItemCaptioned2 t0-b-navBItemCaptioned2--size-4 t0-b-navBItemCaptioned2--width- t0-b-navBItemCaptioned2--align-">
                            <div data-cms-path="data.contents.2">
                                <span><span><span></span></span></span>
                                <div class="">
                                    <div class="t0-b-navBItemCaptioned2__main" data-cms-contenteditable="data.contents.2.text">詳細はこちらへ</div>
                                    <div class="t0-b-navBItemCaptioned2__caption" data-cms-path="data.contents.3">ボタンリンク補足</div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
とても大きい
バリエーション1
詳細はこちらへ
ボタンリンク補足
詳細はこちらへ
ボタンリンク補足
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-2 t0-b-layoutSplitter--spacing-4s" data-height-part="">
            <div>
                <div class="t0-b-layoutSplitter__div">
                    <div>
                        <div class="t0-b-navBItemCaptioned t0-b-navBItemCaptioned--size-5 t0-b-navBItemCaptioned--width- t0-b-navBItemCaptioned--align-">
                            <div data-cms-path="data.contents.0">
                                <span><span><span></span></span></span>
                                <div class="">
                                    <div class="t0-b-navBItemCaptioned__main" data-cms-contenteditable="data.contents.0.text">詳細はこちらへ</div>
                                    <div class="t0-b-navBItemCaptioned__caption" data-cms-path="data.contents.1">ボタンリンク補足</div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="t0-b-layoutSplitter__div">
                    <div>
                        <div class="t0-b-navBItemCaptioned t0-b-navBItemCaptioned--size-5 t0-b-navBItemCaptioned--width- t0-b-navBItemCaptioned--align-">
                            <div data-cms-path="data.contents.2">
                                <span><span><span></span></span></span>
                                <div class="">
                                    <div class="t0-b-navBItemCaptioned__main" data-cms-contenteditable="data.contents.2.text">詳細はこちらへ</div>
                                    <div class="t0-b-navBItemCaptioned__caption" data-cms-path="data.contents.3">ボタンリンク補足</div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
とても大きい
バリエーション2
詳細はこちらへ
ボタンリンク補足
詳細はこちらへ
ボタンリンク補足
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-2 t0-b-layoutSplitter--spacing-4s" data-height-part="">
            <div>
                <div class="t0-b-layoutSplitter__div">
                    <div>
                        <div class="t0-b-navBItemCaptioned2 t0-b-navBItemCaptioned2--size-5 t0-b-navBItemCaptioned2--width- t0-b-navBItemCaptioned2--align-">
                            <div data-cms-path="data.contents.0">
                                <span><span><span></span></span></span>
                                <div class="">
                                    <div class="t0-b-navBItemCaptioned2__main" data-cms-contenteditable="data.contents.0.text">詳細はこちらへ</div>
                                    <div class="t0-b-navBItemCaptioned2__caption" data-cms-path="data.contents.1">ボタンリンク補足</div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="t0-b-layoutSplitter__div">
                    <div>
                        <div class="t0-b-navBItemCaptioned2 t0-b-navBItemCaptioned2--size-5 t0-b-navBItemCaptioned2--width- t0-b-navBItemCaptioned2--align-">
                            <div data-cms-path="data.contents.2">
                                <span><span><span></span></span></span>
                                <div class="">
                                    <div class="t0-b-navBItemCaptioned2__main" data-cms-contenteditable="data.contents.2.text">詳細はこちらへ</div>
                                    <div class="t0-b-navBItemCaptioned2__caption" data-cms-path="data.contents.3">ボタンリンク補足</div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

サイズ設定

/temp/unittest/parts/1000_frameOuter_acrePartsMain-1mc073_f14.md
  • f14

ブロック名称:サイズ設定

小さい
バリエーション1

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・ん

見出し補足(上)

上部見出し

見出し補足(下)

中見出し

画像の説明を入力してください(フォントが小さく設定された文章です)

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ンあいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン

中見出し

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン

中見出し

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・ん

詳しくはこちらをクリック
<div class="b-bPlacer-12s">
    <div class="t0-b-frameOuter">
        <div class="t0-b-frameOuter__upper outerHtml" data-cms-path="data.contents.0">
            <div class="ex-leftSpacingTweak-">
                <div class="b-bPlacer-7s">
                    <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                        <p>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・ん</p>
                    </div>
                </div>
            </div>
        </div>
        <div class="t0-b-frameOuter__frame">
            <span><span><span></span></span></span>

            <div class="t0-b-frameOuter__hd t0-b-frameOuter__hd--align- t0-b-frameOuter__hd--size-1" data-switchable-key="contents.1.switchable">
                <span><span><span></span></span></span>
                <div class="t0-b-frameOuter__hd-inner">
                    <div class="t0-b-frameOuter__hd-caption-upper" data-cms-path="data.contents.2">見出し補足(上)</div>
                    <div class="t0-b-frameOuter__hd-h">
                        <h2 data-cms-path="data.contents.1">上部見出し</h2>
                    </div>
                    <div class="t0-b-frameOuter__hd-caption-lower" data-cms-path="data.contents.3">見出し補足(下)</div>
                </div>
            </div>
            <div class="t0-b-frameOuter__bd">
                <span><span><span></span></span></span>
                <div class="t0-b-frame1col t0-b-mediaCols t0-b-mediaCols--colW-m t0-b-mediaCols--imgR ex-imageFloat ex-spLayout__vertical">
                    <div class="t0-b-frameOuter__row t0-b-frame1col__row t0-b-frame1col__colBasis" data-switchable-key="contents.4.switchable">
                        <div class="t0-b-frame1col__head" data-cms-path="data.contents.5">
                            <div class="ex-leftSpacingTweak-">
                                <div class="b-bPlacer-4s">

                                    <div class="t0-b-lv3H t0-b-lv3H--align- t0-b-lv3H--size-2" data-height-part="">
                                        <span><span><span></span></span></span>
                                        <div>
                                            <div class="t0-b-lv3H__iconPlacer">
                                                <span class="t0-b-lv3H__icon"></span>
                                            </div>
                                            <h3 data-cms-path="data.contents.0">中見出し</h3>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="t0-b-mediaCols__div">
                            <div class="t0-b-mediaCols__img" data-cms-path="data.contents.7">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                            <div class="t0-b-media__caption">
                                                                <p data-cms-path="data.contents.3">
                                                                    画像の説明を入力してください(フォントが小さく設定された文章です)
                                                                </p>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-mediaCols__col" data-cms-path="data.contents.6">
                                <div class="ex-leftSpacingTweak-">
                                    <div class="b-bPlacer-7s">
                                        <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                            <p>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン<br><br>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン<br><br>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ンあいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="t0-b-frameOuter__row t0-b-frame1col__row t0-b-frame1col__colBasis" data-switchable-key="contents.8.switchable">
                        <div class="t0-b-frame1col__head" data-cms-path="data.contents.9">
                            <div class="ex-leftSpacingTweak-">
                                <div class="b-bPlacer-4s">

                                    <div class="t0-b-lv3H t0-b-lv3H--align- t0-b-lv3H--size-2" data-height-part="">
                                        <span><span><span></span></span></span>
                                        <div>
                                            <div class="t0-b-lv3H__iconPlacer">
                                                <span class="t0-b-lv3H__icon"></span>
                                            </div>
                                            <h3 data-cms-path="data.contents.0">中見出し</h3>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="t0-b-mediaCols__div">
                            <div class="t0-b-mediaCols__img" data-cms-path="data.contents.11">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-mediaCols__col" data-cms-path="data.contents.10">
                                <div class="ex-leftSpacingTweak-">
                                    <div class="b-bPlacer-7s">
                                        <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                            <p>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="t0-b-frameOuter__row t0-b-frame1col__row t0-b-frame1col__colBasis" data-switchable-key="contents.12.switchable">
                        <div class="t0-b-frame1col__head" data-cms-path="data.contents.13">
                            <div class="ex-leftSpacingTweak-">
                                <div class="b-bPlacer-4s">

                                    <div class="t0-b-lv3H t0-b-lv3H--align- t0-b-lv3H--size-2" data-height-part="">
                                        <span><span><span></span></span></span>
                                        <div>
                                            <div class="t0-b-lv3H__iconPlacer">
                                                <span class="t0-b-lv3H__icon"></span>
                                            </div>
                                            <h3 data-cms-path="data.contents.0">中見出し</h3>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="t0-b-mediaCols__div">
                            <div class="t0-b-mediaCols__img" data-cms-path="data.contents.15">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-mediaCols__col" data-cms-path="data.contents.14">
                                <div class="ex-leftSpacingTweak-">
                                    <div class="b-bPlacer-7s">
                                        <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                            <p>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="t0-b-frameOuter__row" data-cms-path="data.contents.16">
                        <div class="ex-leftSpacingTweak-">
                            <div class="b-bPlacer-7s">
                                <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                    <p>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・ん</p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="t0-b-frameOuter__ft outerHtml" data-cms-path="data.contents.17">
        <div>
            <div class="b-bPlacer-4s">
                <div class="t0-b-navItem t0-b-navItem--size-3 t0-b-navItem--width- t0-b-navItem--align-" data-height-part="">
                    <div data-cms-path="data.contents.0">
                        <span></span>
                        <div data-cms-contenteditable="data.contents.0.text">詳しくはこちらをクリック</div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
小さい
バリエーション2

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・ん

見出し補足(上)

上部見出し

見出し補足(下)

中見出し

画像の説明を入力してください(フォントが小さく設定された文章です)

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ンあいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン

中見出し

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン

中見出し

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・ん

詳しくはこちらをクリック
<div class="b-bPlacer-12s">
    <div class="t0-b-frameOuter2">
        <div class="t0-b-frameOuter2__upper outerHtml" data-cms-path="data.contents.0">
            <div class="ex-leftSpacingTweak-">
                <div class="b-bPlacer-7s">
                    <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                        <p>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・ん</p>
                    </div>
                </div>
            </div>
        </div>
        <div class="t0-b-frameOuter2__frame">
            <span><span><span></span></span></span>

            <div class="t0-b-frameOuter2__hd t0-b-frameOuter2__hd--align- t0-b-frameOuter2__hd--size-1" data-switchable-key="contents.1.switchable">
                <span><span><span></span></span></span>
                <div class="t0-b-frameOuter2__hd-inner">
                    <div class="t0-b-frameOuter2__hd-caption-upper" data-cms-path="data.contents.2">見出し補足(上)</div>
                    <div class="t0-b-frameOuter2__hd-h">
                        <h2 data-cms-path="data.contents.1">上部見出し</h2>
                    </div>
                    <div class="t0-b-frameOuter2__hd-caption-lower" data-cms-path="data.contents.3">見出し補足(下)</div>
                </div>
            </div>
            <div class="t0-b-frameOuter2__bd">
                <span><span><span></span></span></span>
                <div class="t0-b-frame1col t0-b-mediaCols t0-b-mediaCols--colW-m t0-b-mediaCols--imgR ex-imageFloat ex-spLayout__vertical">
                    <div class="t0-b-frameOuter2__row t0-b-frame1col__row t0-b-frame1col__colBasis" data-switchable-key="contents.4.switchable">
                        <div class="t0-b-frame1col__head" data-cms-path="data.contents.5">
                            <div class="ex-leftSpacingTweak-">
                                <div class="b-bPlacer-4s">

                                    <div class="t0-b-lv3H t0-b-lv3H--align- t0-b-lv3H--size-2" data-height-part="">
                                        <span><span><span></span></span></span>
                                        <div>
                                            <div class="t0-b-lv3H__iconPlacer">
                                                <span class="t0-b-lv3H__icon"></span>
                                            </div>
                                            <h3 data-cms-path="data.contents.0">中見出し</h3>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="t0-b-mediaCols__div">
                            <div class="t0-b-mediaCols__img" data-cms-path="data.contents.7">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                            <div class="t0-b-media__caption">
                                                                <p data-cms-path="data.contents.3">
                                                                    画像の説明を入力してください(フォントが小さく設定された文章です)
                                                                </p>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-mediaCols__col" data-cms-path="data.contents.6">
                                <div class="ex-leftSpacingTweak-">
                                    <div class="b-bPlacer-7s">
                                        <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                            <p>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン<br><br>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン<br><br>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ンあいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="t0-b-frameOuter2__row t0-b-frame1col__row t0-b-frame1col__colBasis" data-switchable-key="contents.8.switchable">
                        <div class="t0-b-frame1col__head" data-cms-path="data.contents.9">
                            <div class="ex-leftSpacingTweak-">
                                <div class="b-bPlacer-4s">

                                    <div class="t0-b-lv3H t0-b-lv3H--align- t0-b-lv3H--size-2" data-height-part="">
                                        <span><span><span></span></span></span>
                                        <div>
                                            <div class="t0-b-lv3H__iconPlacer">
                                                <span class="t0-b-lv3H__icon"></span>
                                            </div>
                                            <h3 data-cms-path="data.contents.0">中見出し</h3>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="t0-b-mediaCols__div">
                            <div class="t0-b-mediaCols__img" data-cms-path="data.contents.11">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-mediaCols__col" data-cms-path="data.contents.10">
                                <div class="ex-leftSpacingTweak-">
                                    <div class="b-bPlacer-7s">
                                        <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                            <p>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="t0-b-frameOuter2__row t0-b-frame1col__row t0-b-frame1col__colBasis" data-switchable-key="contents.12.switchable">
                        <div class="t0-b-frame1col__head" data-cms-path="data.contents.13">
                            <div class="ex-leftSpacingTweak-">
                                <div class="b-bPlacer-4s">

                                    <div class="t0-b-lv3H t0-b-lv3H--align- t0-b-lv3H--size-2" data-height-part="">
                                        <span><span><span></span></span></span>
                                        <div>
                                            <div class="t0-b-lv3H__iconPlacer">
                                                <span class="t0-b-lv3H__icon"></span>
                                            </div>
                                            <h3 data-cms-path="data.contents.0">中見出し</h3>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="t0-b-mediaCols__div">
                            <div class="t0-b-mediaCols__img" data-cms-path="data.contents.15">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-mediaCols__col" data-cms-path="data.contents.14">
                                <div class="ex-leftSpacingTweak-">
                                    <div class="b-bPlacer-7s">
                                        <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                            <p>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="t0-b-frameOuter2__row" data-cms-path="data.contents.16">
                        <div class="ex-leftSpacingTweak-">
                            <div class="b-bPlacer-7s">
                                <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                    <p>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・ん</p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="t0-b-frameOuter2__ft outerHtml" data-cms-path="data.contents.17">
        <div>
            <div class="b-bPlacer-4s">
                <div class="t0-b-navItem t0-b-navItem--size-3 t0-b-navItem--width- t0-b-navItem--align-" data-height-part="">
                    <div data-cms-path="data.contents.0">
                        <span></span>
                        <div data-cms-contenteditable="data.contents.0.text">詳しくはこちらをクリック</div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
小さい
バリエーション3

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・ん

見出し補足(上)

上部見出し

見出し補足(下)

中見出し

画像の説明を入力してください(フォントが小さく設定された文章です)

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ンあいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン

中見出し

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン

中見出し

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・ん

詳しくはこちらをクリック
<div class="b-bPlacer-12s">
    <div class="t0-b-frameOuter3">
        <div class="t0-b-frameOuter3__upper outerHtml" data-cms-path="data.contents.0">
            <div class="ex-leftSpacingTweak-">
                <div class="b-bPlacer-7s">
                    <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                        <p>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・ん</p>
                    </div>
                </div>
            </div>
        </div>
        <div class="t0-b-frameOuter3__frame">
            <span><span><span></span></span></span>

            <div class="t0-b-frameOuter3__hd t0-b-frameOuter3__hd--align- t0-b-frameOuter3__hd--size-1" data-switchable-key="contents.1.switchable">
                <span><span><span></span></span></span>
                <div class="t0-b-frameOuter3__hd-inner">
                    <div class="t0-b-frameOuter3__hd-caption-upper" data-cms-path="data.contents.2">見出し補足(上)</div>
                    <div class="t0-b-frameOuter3__hd-h">
                        <h2 data-cms-path="data.contents.1">上部見出し</h2>
                    </div>
                    <div class="t0-b-frameOuter3__hd-caption-lower" data-cms-path="data.contents.3">見出し補足(下)</div>
                </div>
            </div>
            <div class="t0-b-frameOuter3__bd">
                <span><span><span></span></span></span>
                <div class="t0-b-frame1col t0-b-mediaCols t0-b-mediaCols--colW-m t0-b-mediaCols--imgR ex-imageFloat ex-spLayout__vertical">
                    <div class="t0-b-frameOuter3__row t0-b-frame1col__row t0-b-frame1col__colBasis" data-switchable-key="contents.4.switchable">
                        <div class="t0-b-frame1col__head" data-cms-path="data.contents.5">
                            <div class="ex-leftSpacingTweak-">
                                <div class="b-bPlacer-4s">

                                    <div class="t0-b-lv3H t0-b-lv3H--align- t0-b-lv3H--size-2" data-height-part="">
                                        <span><span><span></span></span></span>
                                        <div>
                                            <div class="t0-b-lv3H__iconPlacer">
                                                <span class="t0-b-lv3H__icon"></span>
                                            </div>
                                            <h3 data-cms-path="data.contents.0">中見出し</h3>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="t0-b-mediaCols__div">
                            <div class="t0-b-mediaCols__img" data-cms-path="data.contents.7">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                            <div class="t0-b-media__caption">
                                                                <p data-cms-path="data.contents.3">
                                                                    画像の説明を入力してください(フォントが小さく設定された文章です)
                                                                </p>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-mediaCols__col" data-cms-path="data.contents.6">
                                <div class="ex-leftSpacingTweak-">
                                    <div class="b-bPlacer-7s">
                                        <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                            <p>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン<br><br>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン<br><br>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ンあいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="t0-b-frameOuter3__row t0-b-frame1col__row t0-b-frame1col__colBasis" data-switchable-key="contents.8.switchable">
                        <div class="t0-b-frame1col__head" data-cms-path="data.contents.9">
                            <div class="ex-leftSpacingTweak-">
                                <div class="b-bPlacer-4s">

                                    <div class="t0-b-lv3H t0-b-lv3H--align- t0-b-lv3H--size-2" data-height-part="">
                                        <span><span><span></span></span></span>
                                        <div>
                                            <div class="t0-b-lv3H__iconPlacer">
                                                <span class="t0-b-lv3H__icon"></span>
                                            </div>
                                            <h3 data-cms-path="data.contents.0">中見出し</h3>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="t0-b-mediaCols__div">
                            <div class="t0-b-mediaCols__img" data-cms-path="data.contents.11">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-mediaCols__col" data-cms-path="data.contents.10">
                                <div class="ex-leftSpacingTweak-">
                                    <div class="b-bPlacer-7s">
                                        <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                            <p>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="t0-b-frameOuter3__row t0-b-frame1col__row t0-b-frame1col__colBasis" data-switchable-key="contents.12.switchable">
                        <div class="t0-b-frame1col__head" data-cms-path="data.contents.13">
                            <div class="ex-leftSpacingTweak-">
                                <div class="b-bPlacer-4s">

                                    <div class="t0-b-lv3H t0-b-lv3H--align- t0-b-lv3H--size-2" data-height-part="">
                                        <span><span><span></span></span></span>
                                        <div>
                                            <div class="t0-b-lv3H__iconPlacer">
                                                <span class="t0-b-lv3H__icon"></span>
                                            </div>
                                            <h3 data-cms-path="data.contents.0">中見出し</h3>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="t0-b-mediaCols__div">
                            <div class="t0-b-mediaCols__img" data-cms-path="data.contents.15">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-mediaCols__col" data-cms-path="data.contents.14">
                                <div class="ex-leftSpacingTweak-">
                                    <div class="b-bPlacer-7s">
                                        <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                            <p>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="t0-b-frameOuter3__row" data-cms-path="data.contents.16">
                        <div class="ex-leftSpacingTweak-">
                            <div class="b-bPlacer-7s">
                                <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                    <p>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・ん</p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="t0-b-frameOuter3__ft outerHtml" data-cms-path="data.contents.17">
        <div>
            <div class="b-bPlacer-4s">
                <div class="t0-b-navItem t0-b-navItem--size-3 t0-b-navItem--width- t0-b-navItem--align-" data-height-part="">
                    <div data-cms-path="data.contents.0">
                        <span></span>
                        <div data-cms-contenteditable="data.contents.0.text">詳しくはこちらをクリック</div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
小さい
バリエーション4

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・ん

見出し補足(上)

上部見出し

見出し補足(下)

中見出し

画像の説明を入力してください(フォントが小さく設定された文章です)

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ンあいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン

中見出し

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン

中見出し

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・ん

詳しくはこちらをクリック
<div class="b-bPlacer-12s">
    <div class="t0-b-frameOuter4">
        <div class="t0-b-frameOuter4__upper outerHtml" data-cms-path="data.contents.0">
            <div class="ex-leftSpacingTweak-">
                <div class="b-bPlacer-7s">
                    <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                        <p>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・ん</p>
                    </div>
                </div>
            </div>
        </div>
        <div class="t0-b-frameOuter4__frame">
            <span><span><span></span></span></span>

            <div class="t0-b-frameOuter4__hd t0-b-frameOuter4__hd--align- t0-b-frameOuter4__hd--size-1" data-switchable-key="contents.1.switchable">
                <span><span><span></span></span></span>
                <div class="t0-b-frameOuter4__hd-inner">
                    <div class="t0-b-frameOuter4__hd-caption-upper" data-cms-path="data.contents.2">見出し補足(上)</div>
                    <div class="t0-b-frameOuter4__hd-h">
                        <h2 data-cms-path="data.contents.1">上部見出し</h2>
                    </div>
                    <div class="t0-b-frameOuter4__hd-caption-lower" data-cms-path="data.contents.3">見出し補足(下)</div>
                </div>
            </div>
            <div class="t0-b-frameOuter4__bd">
                <span><span><span></span></span></span>
                <div class="t0-b-frame1col t0-b-mediaCols t0-b-mediaCols--colW-m t0-b-mediaCols--imgR ex-imageFloat ex-spLayout__vertical">
                    <div class="t0-b-frameOuter4__row t0-b-frame1col__row t0-b-frame1col__colBasis" data-switchable-key="contents.4.switchable">
                        <div class="t0-b-frame1col__head" data-cms-path="data.contents.5">
                            <div class="ex-leftSpacingTweak-">
                                <div class="b-bPlacer-4s">

                                    <div class="t0-b-lv3H t0-b-lv3H--align- t0-b-lv3H--size-2" data-height-part="">
                                        <span><span><span></span></span></span>
                                        <div>
                                            <div class="t0-b-lv3H__iconPlacer">
                                                <span class="t0-b-lv3H__icon"></span>
                                            </div>
                                            <h3 data-cms-path="data.contents.0">中見出し</h3>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="t0-b-mediaCols__div">
                            <div class="t0-b-mediaCols__img" data-cms-path="data.contents.7">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                            <div class="t0-b-media__caption">
                                                                <p data-cms-path="data.contents.3">
                                                                    画像の説明を入力してください(フォントが小さく設定された文章です)
                                                                </p>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-mediaCols__col" data-cms-path="data.contents.6">
                                <div class="ex-leftSpacingTweak-">
                                    <div class="b-bPlacer-7s">
                                        <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                            <p>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン<br><br>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン<br><br>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ンあいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="t0-b-frameOuter4__row t0-b-frame1col__row t0-b-frame1col__colBasis" data-switchable-key="contents.8.switchable">
                        <div class="t0-b-frame1col__head" data-cms-path="data.contents.9">
                            <div class="ex-leftSpacingTweak-">
                                <div class="b-bPlacer-4s">

                                    <div class="t0-b-lv3H t0-b-lv3H--align- t0-b-lv3H--size-2" data-height-part="">
                                        <span><span><span></span></span></span>
                                        <div>
                                            <div class="t0-b-lv3H__iconPlacer">
                                                <span class="t0-b-lv3H__icon"></span>
                                            </div>
                                            <h3 data-cms-path="data.contents.0">中見出し</h3>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="t0-b-mediaCols__div">
                            <div class="t0-b-mediaCols__img" data-cms-path="data.contents.11">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-mediaCols__col" data-cms-path="data.contents.10">
                                <div class="ex-leftSpacingTweak-">
                                    <div class="b-bPlacer-7s">
                                        <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                            <p>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="t0-b-frameOuter4__row t0-b-frame1col__row t0-b-frame1col__colBasis" data-switchable-key="contents.12.switchable">
                        <div class="t0-b-frame1col__head" data-cms-path="data.contents.13">
                            <div class="ex-leftSpacingTweak-">
                                <div class="b-bPlacer-4s">

                                    <div class="t0-b-lv3H t0-b-lv3H--align- t0-b-lv3H--size-2" data-height-part="">
                                        <span><span><span></span></span></span>
                                        <div>
                                            <div class="t0-b-lv3H__iconPlacer">
                                                <span class="t0-b-lv3H__icon"></span>
                                            </div>
                                            <h3 data-cms-path="data.contents.0">中見出し</h3>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="t0-b-mediaCols__div">
                            <div class="t0-b-mediaCols__img" data-cms-path="data.contents.15">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-mediaCols__col" data-cms-path="data.contents.14">
                                <div class="ex-leftSpacingTweak-">
                                    <div class="b-bPlacer-7s">
                                        <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                            <p>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="t0-b-frameOuter4__row" data-cms-path="data.contents.16">
                        <div class="ex-leftSpacingTweak-">
                            <div class="b-bPlacer-7s">
                                <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                    <p>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・ん</p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="t0-b-frameOuter4__ft outerHtml" data-cms-path="data.contents.17">
        <div>
            <div class="b-bPlacer-4s">
                <div class="t0-b-navItem t0-b-navItem--size-3 t0-b-navItem--width- t0-b-navItem--align-" data-height-part="">
                    <div data-cms-path="data.contents.0">
                        <span></span>
                        <div data-cms-contenteditable="data.contents.0.text">詳しくはこちらをクリック</div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
小さい
バリエーション5

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・ん

見出し補足(上)

上部見出し

見出し補足(下)

中見出し

画像の説明を入力してください(フォントが小さく設定された文章です)

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ンあいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン

中見出し

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン

中見出し

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・ん

詳しくはこちらをクリック
<div class="b-bPlacer-12s">
    <div class="t0-b-frameOuter5">
        <div class="t0-b-frameOuter5__upper outerHtml" data-cms-path="data.contents.0">
            <div class="ex-leftSpacingTweak-">
                <div class="b-bPlacer-7s">
                    <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                        <p>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・ん</p>
                    </div>
                </div>
            </div>
        </div>
        <div class="t0-b-frameOuter5__frame">
            <span><span><span></span></span></span>

            <div class="t0-b-frameOuter5__hd t0-b-frameOuter5__hd--align- t0-b-frameOuter5__hd--size-1" data-switchable-key="contents.1.switchable">
                <span><span><span></span></span></span>
                <div class="t0-b-frameOuter5__hd-inner">
                    <div class="t0-b-frameOuter5__hd-caption-upper" data-cms-path="data.contents.2">見出し補足(上)</div>
                    <div class="t0-b-frameOuter5__hd-h">
                        <h2 data-cms-path="data.contents.1">上部見出し</h2>
                    </div>
                    <div class="t0-b-frameOuter5__hd-caption-lower" data-cms-path="data.contents.3">見出し補足(下)</div>
                </div>
            </div>
            <div class="t0-b-frameOuter5__bd">
                <span><span><span></span></span></span>
                <div class="t0-b-frame1col t0-b-mediaCols t0-b-mediaCols--colW-m t0-b-mediaCols--imgR ex-imageFloat ex-spLayout__vertical">
                    <div class="t0-b-frameOuter5__row t0-b-frame1col__row t0-b-frame1col__colBasis" data-switchable-key="contents.4.switchable">
                        <div class="t0-b-frame1col__head" data-cms-path="data.contents.5">
                            <div class="ex-leftSpacingTweak-">
                                <div class="b-bPlacer-4s">

                                    <div class="t0-b-lv3H t0-b-lv3H--align- t0-b-lv3H--size-2" data-height-part="">
                                        <span><span><span></span></span></span>
                                        <div>
                                            <div class="t0-b-lv3H__iconPlacer">
                                                <span class="t0-b-lv3H__icon"></span>
                                            </div>
                                            <h3 data-cms-path="data.contents.0">中見出し</h3>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="t0-b-mediaCols__div">
                            <div class="t0-b-mediaCols__img" data-cms-path="data.contents.7">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                            <div class="t0-b-media__caption">
                                                                <p data-cms-path="data.contents.3">
                                                                    画像の説明を入力してください(フォントが小さく設定された文章です)
                                                                </p>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-mediaCols__col" data-cms-path="data.contents.6">
                                <div class="ex-leftSpacingTweak-">
                                    <div class="b-bPlacer-7s">
                                        <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                            <p>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン<br><br>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン<br><br>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ンあいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="t0-b-frameOuter5__row t0-b-frame1col__row t0-b-frame1col__colBasis" data-switchable-key="contents.8.switchable">
                        <div class="t0-b-frame1col__head" data-cms-path="data.contents.9">
                            <div class="ex-leftSpacingTweak-">
                                <div class="b-bPlacer-4s">

                                    <div class="t0-b-lv3H t0-b-lv3H--align- t0-b-lv3H--size-2" data-height-part="">
                                        <span><span><span></span></span></span>
                                        <div>
                                            <div class="t0-b-lv3H__iconPlacer">
                                                <span class="t0-b-lv3H__icon"></span>
                                            </div>
                                            <h3 data-cms-path="data.contents.0">中見出し</h3>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="t0-b-mediaCols__div">
                            <div class="t0-b-mediaCols__img" data-cms-path="data.contents.11">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-mediaCols__col" data-cms-path="data.contents.10">
                                <div class="ex-leftSpacingTweak-">
                                    <div class="b-bPlacer-7s">
                                        <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                            <p>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="t0-b-frameOuter5__row t0-b-frame1col__row t0-b-frame1col__colBasis" data-switchable-key="contents.12.switchable">
                        <div class="t0-b-frame1col__head" data-cms-path="data.contents.13">
                            <div class="ex-leftSpacingTweak-">
                                <div class="b-bPlacer-4s">

                                    <div class="t0-b-lv3H t0-b-lv3H--align- t0-b-lv3H--size-2" data-height-part="">
                                        <span><span><span></span></span></span>
                                        <div>
                                            <div class="t0-b-lv3H__iconPlacer">
                                                <span class="t0-b-lv3H__icon"></span>
                                            </div>
                                            <h3 data-cms-path="data.contents.0">中見出し</h3>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="t0-b-mediaCols__div">
                            <div class="t0-b-mediaCols__img" data-cms-path="data.contents.15">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-mediaCols__col" data-cms-path="data.contents.14">
                                <div class="ex-leftSpacingTweak-">
                                    <div class="b-bPlacer-7s">
                                        <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                            <p>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="t0-b-frameOuter5__row" data-cms-path="data.contents.16">
                        <div class="ex-leftSpacingTweak-">
                            <div class="b-bPlacer-7s">
                                <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                    <p>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・ん</p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="t0-b-frameOuter5__ft outerHtml" data-cms-path="data.contents.17">
        <div>
            <div class="b-bPlacer-4s">
                <div class="t0-b-navItem t0-b-navItem--size-3 t0-b-navItem--width- t0-b-navItem--align-" data-height-part="">
                    <div data-cms-path="data.contents.0">
                        <span></span>
                        <div data-cms-contenteditable="data.contents.0.text">詳しくはこちらをクリック</div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
小さい
バリエーション6

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・ん

見出し補足(上)

上部見出し

見出し補足(下)

中見出し

画像の説明を入力してください(フォントが小さく設定された文章です)

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ンあいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン

中見出し

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン

中見出し

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・ん

詳しくはこちらをクリック
<div class="b-bPlacer-12s">
    <div class="t0-b-frameOuter6">
        <div class="t0-b-frameOuter6__upper outerHtml" data-cms-path="data.contents.0">
            <div class="ex-leftSpacingTweak-">
                <div class="b-bPlacer-7s">
                    <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                        <p>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・ん</p>
                    </div>
                </div>
            </div>
        </div>
        <div class="t0-b-frameOuter6__frame">
            <span><span><span></span></span></span>

            <div class="t0-b-frameOuter6__hd t0-b-frameOuter6__hd--align- t0-b-frameOuter6__hd--size-1" data-switchable-key="contents.1.switchable">
                <span><span><span></span></span></span>
                <div class="t0-b-frameOuter6__hd-inner">
                    <div class="t0-b-frameOuter6__hd-caption-upper" data-cms-path="data.contents.2">見出し補足(上)</div>
                    <div class="t0-b-frameOuter6__hd-h">
                        <h2 data-cms-path="data.contents.1">上部見出し</h2>
                    </div>
                    <div class="t0-b-frameOuter6__hd-caption-lower" data-cms-path="data.contents.3">見出し補足(下)</div>
                </div>
            </div>
            <div class="t0-b-frameOuter6__bd">
                <span><span><span></span></span></span>
                <div class="t0-b-frame1col t0-b-mediaCols t0-b-mediaCols--colW-m t0-b-mediaCols--imgR ex-imageFloat ex-spLayout__vertical">
                    <div class="t0-b-frameOuter6__row t0-b-frame1col__row t0-b-frame1col__colBasis" data-switchable-key="contents.4.switchable">
                        <div class="t0-b-frame1col__head" data-cms-path="data.contents.5">
                            <div class="ex-leftSpacingTweak-">
                                <div class="b-bPlacer-4s">

                                    <div class="t0-b-lv3H t0-b-lv3H--align- t0-b-lv3H--size-2" data-height-part="">
                                        <span><span><span></span></span></span>
                                        <div>
                                            <div class="t0-b-lv3H__iconPlacer">
                                                <span class="t0-b-lv3H__icon"></span>
                                            </div>
                                            <h3 data-cms-path="data.contents.0">中見出し</h3>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="t0-b-mediaCols__div">
                            <div class="t0-b-mediaCols__img" data-cms-path="data.contents.7">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                            <div class="t0-b-media__caption">
                                                                <p data-cms-path="data.contents.3">
                                                                    画像の説明を入力してください(フォントが小さく設定された文章です)
                                                                </p>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-mediaCols__col" data-cms-path="data.contents.6">
                                <div class="ex-leftSpacingTweak-">
                                    <div class="b-bPlacer-7s">
                                        <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                            <p>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン<br><br>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン<br><br>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ンあいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="t0-b-frameOuter6__row t0-b-frame1col__row t0-b-frame1col__colBasis" data-switchable-key="contents.8.switchable">
                        <div class="t0-b-frame1col__head" data-cms-path="data.contents.9">
                            <div class="ex-leftSpacingTweak-">
                                <div class="b-bPlacer-4s">

                                    <div class="t0-b-lv3H t0-b-lv3H--align- t0-b-lv3H--size-2" data-height-part="">
                                        <span><span><span></span></span></span>
                                        <div>
                                            <div class="t0-b-lv3H__iconPlacer">
                                                <span class="t0-b-lv3H__icon"></span>
                                            </div>
                                            <h3 data-cms-path="data.contents.0">中見出し</h3>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="t0-b-mediaCols__div">
                            <div class="t0-b-mediaCols__img" data-cms-path="data.contents.11">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-mediaCols__col" data-cms-path="data.contents.10">
                                <div class="ex-leftSpacingTweak-">
                                    <div class="b-bPlacer-7s">
                                        <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                            <p>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="t0-b-frameOuter6__row t0-b-frame1col__row t0-b-frame1col__colBasis" data-switchable-key="contents.12.switchable">
                        <div class="t0-b-frame1col__head" data-cms-path="data.contents.13">
                            <div class="ex-leftSpacingTweak-">
                                <div class="b-bPlacer-4s">

                                    <div class="t0-b-lv3H t0-b-lv3H--align- t0-b-lv3H--size-2" data-height-part="">
                                        <span><span><span></span></span></span>
                                        <div>
                                            <div class="t0-b-lv3H__iconPlacer">
                                                <span class="t0-b-lv3H__icon"></span>
                                            </div>
                                            <h3 data-cms-path="data.contents.0">中見出し</h3>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="t0-b-mediaCols__div">
                            <div class="t0-b-mediaCols__img" data-cms-path="data.contents.15">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-mediaCols__col" data-cms-path="data.contents.14">
                                <div class="ex-leftSpacingTweak-">
                                    <div class="b-bPlacer-7s">
                                        <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                            <p>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="t0-b-frameOuter6__row" data-cms-path="data.contents.16">
                        <div class="ex-leftSpacingTweak-">
                            <div class="b-bPlacer-7s">
                                <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                    <p>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・ん</p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="t0-b-frameOuter6__ft outerHtml" data-cms-path="data.contents.17">
        <div>
            <div class="b-bPlacer-4s">
                <div class="t0-b-navItem t0-b-navItem--size-3 t0-b-navItem--width- t0-b-navItem--align-" data-height-part="">
                    <div data-cms-path="data.contents.0">
                        <span></span>
                        <div data-cms-contenteditable="data.contents.0.text">詳しくはこちらをクリック</div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
小さい
バリエーション7

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・ん

見出し補足(上)

上部見出し

見出し補足(下)

中見出し

画像の説明を入力してください(フォントが小さく設定された文章です)

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ンあいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン

中見出し

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン

中見出し

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・ん

詳しくはこちらをクリック
<div class="b-bPlacer-12s">
    <div class="t0-b-frameOuter7">
        <div class="t0-b-frameOuter7__upper outerHtml" data-cms-path="data.contents.0">
            <div class="ex-leftSpacingTweak-">
                <div class="b-bPlacer-7s">
                    <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                        <p>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・ん</p>
                    </div>
                </div>
            </div>
        </div>
        <div class="t0-b-frameOuter7__frame">
            <span><span><span></span></span></span>

            <div class="t0-b-frameOuter7__hd t0-b-frameOuter7__hd--align- t0-b-frameOuter7__hd--size-1" data-switchable-key="contents.1.switchable">
                <span><span><span></span></span></span>
                <div class="t0-b-frameOuter7__hd-inner">
                    <div class="t0-b-frameOuter7__hd-caption-upper" data-cms-path="data.contents.2">見出し補足(上)</div>
                    <div class="t0-b-frameOuter7__hd-h">
                        <h2 data-cms-path="data.contents.1">上部見出し</h2>
                    </div>
                    <div class="t0-b-frameOuter7__hd-caption-lower" data-cms-path="data.contents.3">見出し補足(下)</div>
                </div>
            </div>
            <div class="t0-b-frameOuter7__bd">
                <span><span><span></span></span></span>
                <div class="t0-b-frame1col t0-b-mediaCols t0-b-mediaCols--colW-m t0-b-mediaCols--imgR ex-imageFloat ex-spLayout__vertical">
                    <div class="t0-b-frameOuter7__row t0-b-frame1col__row t0-b-frame1col__colBasis" data-switchable-key="contents.4.switchable">
                        <div class="t0-b-frame1col__head" data-cms-path="data.contents.5">
                            <div class="ex-leftSpacingTweak-">
                                <div class="b-bPlacer-4s">

                                    <div class="t0-b-lv3H t0-b-lv3H--align- t0-b-lv3H--size-2" data-height-part="">
                                        <span><span><span></span></span></span>
                                        <div>
                                            <div class="t0-b-lv3H__iconPlacer">
                                                <span class="t0-b-lv3H__icon"></span>
                                            </div>
                                            <h3 data-cms-path="data.contents.0">中見出し</h3>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="t0-b-mediaCols__div">
                            <div class="t0-b-mediaCols__img" data-cms-path="data.contents.7">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                            <div class="t0-b-media__caption">
                                                                <p data-cms-path="data.contents.3">
                                                                    画像の説明を入力してください(フォントが小さく設定された文章です)
                                                                </p>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-mediaCols__col" data-cms-path="data.contents.6">
                                <div class="ex-leftSpacingTweak-">
                                    <div class="b-bPlacer-7s">
                                        <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                            <p>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン<br><br>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン<br><br>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ンあいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="t0-b-frameOuter7__row t0-b-frame1col__row t0-b-frame1col__colBasis" data-switchable-key="contents.8.switchable">
                        <div class="t0-b-frame1col__head" data-cms-path="data.contents.9">
                            <div class="ex-leftSpacingTweak-">
                                <div class="b-bPlacer-4s">

                                    <div class="t0-b-lv3H t0-b-lv3H--align- t0-b-lv3H--size-2" data-height-part="">
                                        <span><span><span></span></span></span>
                                        <div>
                                            <div class="t0-b-lv3H__iconPlacer">
                                                <span class="t0-b-lv3H__icon"></span>
                                            </div>
                                            <h3 data-cms-path="data.contents.0">中見出し</h3>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="t0-b-mediaCols__div">
                            <div class="t0-b-mediaCols__img" data-cms-path="data.contents.11">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-mediaCols__col" data-cms-path="data.contents.10">
                                <div class="ex-leftSpacingTweak-">
                                    <div class="b-bPlacer-7s">
                                        <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                            <p>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="t0-b-frameOuter7__row t0-b-frame1col__row t0-b-frame1col__colBasis" data-switchable-key="contents.12.switchable">
                        <div class="t0-b-frame1col__head" data-cms-path="data.contents.13">
                            <div class="ex-leftSpacingTweak-">
                                <div class="b-bPlacer-4s">

                                    <div class="t0-b-lv3H t0-b-lv3H--align- t0-b-lv3H--size-2" data-height-part="">
                                        <span><span><span></span></span></span>
                                        <div>
                                            <div class="t0-b-lv3H__iconPlacer">
                                                <span class="t0-b-lv3H__icon"></span>
                                            </div>
                                            <h3 data-cms-path="data.contents.0">中見出し</h3>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="t0-b-mediaCols__div">
                            <div class="t0-b-mediaCols__img" data-cms-path="data.contents.15">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-mediaCols__col" data-cms-path="data.contents.14">
                                <div class="ex-leftSpacingTweak-">
                                    <div class="b-bPlacer-7s">
                                        <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                            <p>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="t0-b-frameOuter7__row" data-cms-path="data.contents.16">
                        <div class="ex-leftSpacingTweak-">
                            <div class="b-bPlacer-7s">
                                <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                    <p>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・ん</p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="t0-b-frameOuter7__ft outerHtml" data-cms-path="data.contents.17">
        <div>
            <div class="b-bPlacer-4s">
                <div class="t0-b-navItem t0-b-navItem--size-3 t0-b-navItem--width- t0-b-navItem--align-" data-height-part="">
                    <div data-cms-path="data.contents.0">
                        <span></span>
                        <div data-cms-contenteditable="data.contents.0.text">詳しくはこちらをクリック</div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
小さい
バリエーション8

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・ん

見出し補足(上)

上部見出し

見出し補足(下)

中見出し

画像の説明を入力してください(フォントが小さく設定された文章です)

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ンあいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン

中見出し

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン

中見出し

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・ん

詳しくはこちらをクリック
<div class="b-bPlacer-12s">
    <div class="t0-b-frameOuter8">
        <div class="t0-b-frameOuter8__upper outerHtml" data-cms-path="data.contents.0">
            <div class="ex-leftSpacingTweak-">
                <div class="b-bPlacer-7s">
                    <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                        <p>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・ん</p>
                    </div>
                </div>
            </div>
        </div>
        <div class="t0-b-frameOuter8__frame">
            <span><span><span></span></span></span>

            <div class="t0-b-frameOuter8__hd t0-b-frameOuter8__hd--align- t0-b-frameOuter8__hd--size-1" data-switchable-key="contents.1.switchable">
                <span><span><span></span></span></span>
                <div class="t0-b-frameOuter8__hd-inner">
                    <div class="t0-b-frameOuter8__hd-caption-upper" data-cms-path="data.contents.2">見出し補足(上)</div>
                    <div class="t0-b-frameOuter8__hd-h">
                        <h2 data-cms-path="data.contents.1">上部見出し</h2>
                    </div>
                    <div class="t0-b-frameOuter8__hd-caption-lower" data-cms-path="data.contents.3">見出し補足(下)</div>
                </div>
            </div>
            <div class="t0-b-frameOuter8__bd">
                <span><span><span></span></span></span>
                <div class="t0-b-frame1col t0-b-mediaCols t0-b-mediaCols--colW-m t0-b-mediaCols--imgR ex-imageFloat ex-spLayout__vertical">
                    <div class="t0-b-frameOuter8__row t0-b-frame1col__row t0-b-frame1col__colBasis" data-switchable-key="contents.4.switchable">
                        <div class="t0-b-frame1col__head" data-cms-path="data.contents.5">
                            <div class="ex-leftSpacingTweak-">
                                <div class="b-bPlacer-4s">

                                    <div class="t0-b-lv3H t0-b-lv3H--align- t0-b-lv3H--size-2" data-height-part="">
                                        <span><span><span></span></span></span>
                                        <div>
                                            <div class="t0-b-lv3H__iconPlacer">
                                                <span class="t0-b-lv3H__icon"></span>
                                            </div>
                                            <h3 data-cms-path="data.contents.0">中見出し</h3>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="t0-b-mediaCols__div">
                            <div class="t0-b-mediaCols__img" data-cms-path="data.contents.7">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                            <div class="t0-b-media__caption">
                                                                <p data-cms-path="data.contents.3">
                                                                    画像の説明を入力してください(フォントが小さく設定された文章です)
                                                                </p>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-mediaCols__col" data-cms-path="data.contents.6">
                                <div class="ex-leftSpacingTweak-">
                                    <div class="b-bPlacer-7s">
                                        <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                            <p>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン<br><br>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン<br><br>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ンあいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="t0-b-frameOuter8__row t0-b-frame1col__row t0-b-frame1col__colBasis" data-switchable-key="contents.8.switchable">
                        <div class="t0-b-frame1col__head" data-cms-path="data.contents.9">
                            <div class="ex-leftSpacingTweak-">
                                <div class="b-bPlacer-4s">

                                    <div class="t0-b-lv3H t0-b-lv3H--align- t0-b-lv3H--size-2" data-height-part="">
                                        <span><span><span></span></span></span>
                                        <div>
                                            <div class="t0-b-lv3H__iconPlacer">
                                                <span class="t0-b-lv3H__icon"></span>
                                            </div>
                                            <h3 data-cms-path="data.contents.0">中見出し</h3>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="t0-b-mediaCols__div">
                            <div class="t0-b-mediaCols__img" data-cms-path="data.contents.11">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-mediaCols__col" data-cms-path="data.contents.10">
                                <div class="ex-leftSpacingTweak-">
                                    <div class="b-bPlacer-7s">
                                        <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                            <p>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="t0-b-frameOuter8__row t0-b-frame1col__row t0-b-frame1col__colBasis" data-switchable-key="contents.12.switchable">
                        <div class="t0-b-frame1col__head" data-cms-path="data.contents.13">
                            <div class="ex-leftSpacingTweak-">
                                <div class="b-bPlacer-4s">

                                    <div class="t0-b-lv3H t0-b-lv3H--align- t0-b-lv3H--size-2" data-height-part="">
                                        <span><span><span></span></span></span>
                                        <div>
                                            <div class="t0-b-lv3H__iconPlacer">
                                                <span class="t0-b-lv3H__icon"></span>
                                            </div>
                                            <h3 data-cms-path="data.contents.0">中見出し</h3>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="t0-b-mediaCols__div">
                            <div class="t0-b-mediaCols__img" data-cms-path="data.contents.15">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-mediaCols__col" data-cms-path="data.contents.14">
                                <div class="ex-leftSpacingTweak-">
                                    <div class="b-bPlacer-7s">
                                        <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                            <p>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="t0-b-frameOuter8__row" data-cms-path="data.contents.16">
                        <div class="ex-leftSpacingTweak-">
                            <div class="b-bPlacer-7s">
                                <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                    <p>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・ん</p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="t0-b-frameOuter8__ft outerHtml" data-cms-path="data.contents.17">
        <div>
            <div class="b-bPlacer-4s">
                <div class="t0-b-navItem t0-b-navItem--size-3 t0-b-navItem--width- t0-b-navItem--align-" data-height-part="">
                    <div data-cms-path="data.contents.0">
                        <span></span>
                        <div data-cms-contenteditable="data.contents.0.text">詳しくはこちらをクリック</div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
バリエーション1

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・ん

見出し補足(上)

上部見出し

見出し補足(下)

中見出し

画像の説明を入力してください(フォントが小さく設定された文章です)

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ンあいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン

中見出し

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン

中見出し

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・ん

詳しくはこちらをクリック
<div class="b-bPlacer-12s">
    <div class="t0-b-frameOuter">
        <div class="t0-b-frameOuter__upper outerHtml" data-cms-path="data.contents.0">
            <div class="ex-leftSpacingTweak-">
                <div class="b-bPlacer-7s">
                    <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                        <p>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・ん</p>
                    </div>
                </div>
            </div>
        </div>
        <div class="t0-b-frameOuter__frame">
            <span><span><span></span></span></span>

            <div class="t0-b-frameOuter__hd t0-b-frameOuter__hd--align- t0-b-frameOuter__hd--size-2" data-switchable-key="contents.1.switchable">
                <span><span><span></span></span></span>
                <div class="t0-b-frameOuter__hd-inner">
                    <div class="t0-b-frameOuter__hd-caption-upper" data-cms-path="data.contents.2">見出し補足(上)</div>
                    <div class="t0-b-frameOuter__hd-h">
                        <h2 data-cms-path="data.contents.1">上部見出し</h2>
                    </div>
                    <div class="t0-b-frameOuter__hd-caption-lower" data-cms-path="data.contents.3">見出し補足(下)</div>
                </div>
            </div>
            <div class="t0-b-frameOuter__bd">
                <span><span><span></span></span></span>
                <div class="t0-b-frame1col t0-b-mediaCols t0-b-mediaCols--colW-m t0-b-mediaCols--imgR ex-imageFloat ex-spLayout__vertical">
                    <div class="t0-b-frameOuter__row t0-b-frame1col__row t0-b-frame1col__colBasis" data-switchable-key="contents.4.switchable">
                        <div class="t0-b-frame1col__head" data-cms-path="data.contents.5">
                            <div class="ex-leftSpacingTweak-">
                                <div class="b-bPlacer-4s">

                                    <div class="t0-b-lv3H t0-b-lv3H--align- t0-b-lv3H--size-2" data-height-part="">
                                        <span><span><span></span></span></span>
                                        <div>
                                            <div class="t0-b-lv3H__iconPlacer">
                                                <span class="t0-b-lv3H__icon"></span>
                                            </div>
                                            <h3 data-cms-path="data.contents.0">中見出し</h3>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="t0-b-mediaCols__div">
                            <div class="t0-b-mediaCols__img" data-cms-path="data.contents.7">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                            <div class="t0-b-media__caption">
                                                                <p data-cms-path="data.contents.3">
                                                                    画像の説明を入力してください(フォントが小さく設定された文章です)
                                                                </p>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-mediaCols__col" data-cms-path="data.contents.6">
                                <div class="ex-leftSpacingTweak-">
                                    <div class="b-bPlacer-7s">
                                        <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                            <p>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン<br><br>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン<br><br>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ンあいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="t0-b-frameOuter__row t0-b-frame1col__row t0-b-frame1col__colBasis" data-switchable-key="contents.8.switchable">
                        <div class="t0-b-frame1col__head" data-cms-path="data.contents.9">
                            <div class="ex-leftSpacingTweak-">
                                <div class="b-bPlacer-4s">

                                    <div class="t0-b-lv3H t0-b-lv3H--align- t0-b-lv3H--size-2" data-height-part="">
                                        <span><span><span></span></span></span>
                                        <div>
                                            <div class="t0-b-lv3H__iconPlacer">
                                                <span class="t0-b-lv3H__icon"></span>
                                            </div>
                                            <h3 data-cms-path="data.contents.0">中見出し</h3>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="t0-b-mediaCols__div">
                            <div class="t0-b-mediaCols__img" data-cms-path="data.contents.11">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-mediaCols__col" data-cms-path="data.contents.10">
                                <div class="ex-leftSpacingTweak-">
                                    <div class="b-bPlacer-7s">
                                        <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                            <p>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="t0-b-frameOuter__row t0-b-frame1col__row t0-b-frame1col__colBasis" data-switchable-key="contents.12.switchable">
                        <div class="t0-b-frame1col__head" data-cms-path="data.contents.13">
                            <div class="ex-leftSpacingTweak-">
                                <div class="b-bPlacer-4s">

                                    <div class="t0-b-lv3H t0-b-lv3H--align- t0-b-lv3H--size-2" data-height-part="">
                                        <span><span><span></span></span></span>
                                        <div>
                                            <div class="t0-b-lv3H__iconPlacer">
                                                <span class="t0-b-lv3H__icon"></span>
                                            </div>
                                            <h3 data-cms-path="data.contents.0">中見出し</h3>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="t0-b-mediaCols__div">
                            <div class="t0-b-mediaCols__img" data-cms-path="data.contents.15">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-mediaCols__col" data-cms-path="data.contents.14">
                                <div class="ex-leftSpacingTweak-">
                                    <div class="b-bPlacer-7s">
                                        <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                            <p>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="t0-b-frameOuter__row" data-cms-path="data.contents.16">
                        <div class="ex-leftSpacingTweak-">
                            <div class="b-bPlacer-7s">
                                <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                    <p>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・ん</p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="t0-b-frameOuter__ft outerHtml" data-cms-path="data.contents.17">
        <div>
            <div class="b-bPlacer-4s">
                <div class="t0-b-navItem t0-b-navItem--size-3 t0-b-navItem--width- t0-b-navItem--align-" data-height-part="">
                    <div data-cms-path="data.contents.0">
                        <span></span>
                        <div data-cms-contenteditable="data.contents.0.text">詳しくはこちらをクリック</div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
バリエーション2

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・ん

見出し補足(上)

上部見出し

見出し補足(下)

中見出し

画像の説明を入力してください(フォントが小さく設定された文章です)

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ンあいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン

中見出し

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン

中見出し

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・ん

詳しくはこちらをクリック
<div class="b-bPlacer-12s">
    <div class="t0-b-frameOuter2">
        <div class="t0-b-frameOuter2__upper outerHtml" data-cms-path="data.contents.0">
            <div class="ex-leftSpacingTweak-">
                <div class="b-bPlacer-7s">
                    <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                        <p>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・ん</p>
                    </div>
                </div>
            </div>
        </div>
        <div class="t0-b-frameOuter2__frame">
            <span><span><span></span></span></span>

            <div class="t0-b-frameOuter2__hd t0-b-frameOuter2__hd--align- t0-b-frameOuter2__hd--size-2" data-switchable-key="contents.1.switchable">
                <span><span><span></span></span></span>
                <div class="t0-b-frameOuter2__hd-inner">
                    <div class="t0-b-frameOuter2__hd-caption-upper" data-cms-path="data.contents.2">見出し補足(上)</div>
                    <div class="t0-b-frameOuter2__hd-h">
                        <h2 data-cms-path="data.contents.1">上部見出し</h2>
                    </div>
                    <div class="t0-b-frameOuter2__hd-caption-lower" data-cms-path="data.contents.3">見出し補足(下)</div>
                </div>
            </div>
            <div class="t0-b-frameOuter2__bd">
                <span><span><span></span></span></span>
                <div class="t0-b-frame1col t0-b-mediaCols t0-b-mediaCols--colW-m t0-b-mediaCols--imgR ex-imageFloat ex-spLayout__vertical">
                    <div class="t0-b-frameOuter2__row t0-b-frame1col__row t0-b-frame1col__colBasis" data-switchable-key="contents.4.switchable">
                        <div class="t0-b-frame1col__head" data-cms-path="data.contents.5">
                            <div class="ex-leftSpacingTweak-">
                                <div class="b-bPlacer-4s">

                                    <div class="t0-b-lv3H t0-b-lv3H--align- t0-b-lv3H--size-2" data-height-part="">
                                        <span><span><span></span></span></span>
                                        <div>
                                            <div class="t0-b-lv3H__iconPlacer">
                                                <span class="t0-b-lv3H__icon"></span>
                                            </div>
                                            <h3 data-cms-path="data.contents.0">中見出し</h3>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="t0-b-mediaCols__div">
                            <div class="t0-b-mediaCols__img" data-cms-path="data.contents.7">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                            <div class="t0-b-media__caption">
                                                                <p data-cms-path="data.contents.3">
                                                                    画像の説明を入力してください(フォントが小さく設定された文章です)
                                                                </p>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-mediaCols__col" data-cms-path="data.contents.6">
                                <div class="ex-leftSpacingTweak-">
                                    <div class="b-bPlacer-7s">
                                        <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                            <p>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン<br><br>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン<br><br>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ンあいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="t0-b-frameOuter2__row t0-b-frame1col__row t0-b-frame1col__colBasis" data-switchable-key="contents.8.switchable">
                        <div class="t0-b-frame1col__head" data-cms-path="data.contents.9">
                            <div class="ex-leftSpacingTweak-">
                                <div class="b-bPlacer-4s">

                                    <div class="t0-b-lv3H t0-b-lv3H--align- t0-b-lv3H--size-2" data-height-part="">
                                        <span><span><span></span></span></span>
                                        <div>
                                            <div class="t0-b-lv3H__iconPlacer">
                                                <span class="t0-b-lv3H__icon"></span>
                                            </div>
                                            <h3 data-cms-path="data.contents.0">中見出し</h3>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="t0-b-mediaCols__div">
                            <div class="t0-b-mediaCols__img" data-cms-path="data.contents.11">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-mediaCols__col" data-cms-path="data.contents.10">
                                <div class="ex-leftSpacingTweak-">
                                    <div class="b-bPlacer-7s">
                                        <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                            <p>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="t0-b-frameOuter2__row t0-b-frame1col__row t0-b-frame1col__colBasis" data-switchable-key="contents.12.switchable">
                        <div class="t0-b-frame1col__head" data-cms-path="data.contents.13">
                            <div class="ex-leftSpacingTweak-">
                                <div class="b-bPlacer-4s">

                                    <div class="t0-b-lv3H t0-b-lv3H--align- t0-b-lv3H--size-2" data-height-part="">
                                        <span><span><span></span></span></span>
                                        <div>
                                            <div class="t0-b-lv3H__iconPlacer">
                                                <span class="t0-b-lv3H__icon"></span>
                                            </div>
                                            <h3 data-cms-path="data.contents.0">中見出し</h3>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="t0-b-mediaCols__div">
                            <div class="t0-b-mediaCols__img" data-cms-path="data.contents.15">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-mediaCols__col" data-cms-path="data.contents.14">
                                <div class="ex-leftSpacingTweak-">
                                    <div class="b-bPlacer-7s">
                                        <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                            <p>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="t0-b-frameOuter2__row" data-cms-path="data.contents.16">
                        <div class="ex-leftSpacingTweak-">
                            <div class="b-bPlacer-7s">
                                <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                    <p>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・ん</p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="t0-b-frameOuter2__ft outerHtml" data-cms-path="data.contents.17">
        <div>
            <div class="b-bPlacer-4s">
                <div class="t0-b-navItem t0-b-navItem--size-3 t0-b-navItem--width- t0-b-navItem--align-" data-height-part="">
                    <div data-cms-path="data.contents.0">
                        <span></span>
                        <div data-cms-contenteditable="data.contents.0.text">詳しくはこちらをクリック</div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
バリエーション3

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・ん

見出し補足(上)

上部見出し

見出し補足(下)

中見出し

画像の説明を入力してください(フォントが小さく設定された文章です)

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ンあいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン

中見出し

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン

中見出し

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・ん

詳しくはこちらをクリック
<div class="b-bPlacer-12s">
    <div class="t0-b-frameOuter3">
        <div class="t0-b-frameOuter3__upper outerHtml" data-cms-path="data.contents.0">
            <div class="ex-leftSpacingTweak-">
                <div class="b-bPlacer-7s">
                    <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                        <p>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・ん</p>
                    </div>
                </div>
            </div>
        </div>
        <div class="t0-b-frameOuter3__frame">
            <span><span><span></span></span></span>

            <div class="t0-b-frameOuter3__hd t0-b-frameOuter3__hd--align- t0-b-frameOuter3__hd--size-2" data-switchable-key="contents.1.switchable">
                <span><span><span></span></span></span>
                <div class="t0-b-frameOuter3__hd-inner">
                    <div class="t0-b-frameOuter3__hd-caption-upper" data-cms-path="data.contents.2">見出し補足(上)</div>
                    <div class="t0-b-frameOuter3__hd-h">
                        <h2 data-cms-path="data.contents.1">上部見出し</h2>
                    </div>
                    <div class="t0-b-frameOuter3__hd-caption-lower" data-cms-path="data.contents.3">見出し補足(下)</div>
                </div>
            </div>
            <div class="t0-b-frameOuter3__bd">
                <span><span><span></span></span></span>
                <div class="t0-b-frame1col t0-b-mediaCols t0-b-mediaCols--colW-m t0-b-mediaCols--imgR ex-imageFloat ex-spLayout__vertical">
                    <div class="t0-b-frameOuter3__row t0-b-frame1col__row t0-b-frame1col__colBasis" data-switchable-key="contents.4.switchable">
                        <div class="t0-b-frame1col__head" data-cms-path="data.contents.5">
                            <div class="ex-leftSpacingTweak-">
                                <div class="b-bPlacer-4s">

                                    <div class="t0-b-lv3H t0-b-lv3H--align- t0-b-lv3H--size-2" data-height-part="">
                                        <span><span><span></span></span></span>
                                        <div>
                                            <div class="t0-b-lv3H__iconPlacer">
                                                <span class="t0-b-lv3H__icon"></span>
                                            </div>
                                            <h3 data-cms-path="data.contents.0">中見出し</h3>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="t0-b-mediaCols__div">
                            <div class="t0-b-mediaCols__img" data-cms-path="data.contents.7">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                            <div class="t0-b-media__caption">
                                                                <p data-cms-path="data.contents.3">
                                                                    画像の説明を入力してください(フォントが小さく設定された文章です)
                                                                </p>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-mediaCols__col" data-cms-path="data.contents.6">
                                <div class="ex-leftSpacingTweak-">
                                    <div class="b-bPlacer-7s">
                                        <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                            <p>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン<br><br>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン<br><br>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ンあいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="t0-b-frameOuter3__row t0-b-frame1col__row t0-b-frame1col__colBasis" data-switchable-key="contents.8.switchable">
                        <div class="t0-b-frame1col__head" data-cms-path="data.contents.9">
                            <div class="ex-leftSpacingTweak-">
                                <div class="b-bPlacer-4s">

                                    <div class="t0-b-lv3H t0-b-lv3H--align- t0-b-lv3H--size-2" data-height-part="">
                                        <span><span><span></span></span></span>
                                        <div>
                                            <div class="t0-b-lv3H__iconPlacer">
                                                <span class="t0-b-lv3H__icon"></span>
                                            </div>
                                            <h3 data-cms-path="data.contents.0">中見出し</h3>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="t0-b-mediaCols__div">
                            <div class="t0-b-mediaCols__img" data-cms-path="data.contents.11">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-mediaCols__col" data-cms-path="data.contents.10">
                                <div class="ex-leftSpacingTweak-">
                                    <div class="b-bPlacer-7s">
                                        <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                            <p>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="t0-b-frameOuter3__row t0-b-frame1col__row t0-b-frame1col__colBasis" data-switchable-key="contents.12.switchable">
                        <div class="t0-b-frame1col__head" data-cms-path="data.contents.13">
                            <div class="ex-leftSpacingTweak-">
                                <div class="b-bPlacer-4s">

                                    <div class="t0-b-lv3H t0-b-lv3H--align- t0-b-lv3H--size-2" data-height-part="">
                                        <span><span><span></span></span></span>
                                        <div>
                                            <div class="t0-b-lv3H__iconPlacer">
                                                <span class="t0-b-lv3H__icon"></span>
                                            </div>
                                            <h3 data-cms-path="data.contents.0">中見出し</h3>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="t0-b-mediaCols__div">
                            <div class="t0-b-mediaCols__img" data-cms-path="data.contents.15">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-mediaCols__col" data-cms-path="data.contents.14">
                                <div class="ex-leftSpacingTweak-">
                                    <div class="b-bPlacer-7s">
                                        <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                            <p>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="t0-b-frameOuter3__row" data-cms-path="data.contents.16">
                        <div class="ex-leftSpacingTweak-">
                            <div class="b-bPlacer-7s">
                                <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                    <p>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・ん</p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="t0-b-frameOuter3__ft outerHtml" data-cms-path="data.contents.17">
        <div>
            <div class="b-bPlacer-4s">
                <div class="t0-b-navItem t0-b-navItem--size-3 t0-b-navItem--width- t0-b-navItem--align-" data-height-part="">
                    <div data-cms-path="data.contents.0">
                        <span></span>
                        <div data-cms-contenteditable="data.contents.0.text">詳しくはこちらをクリック</div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
バリエーション4

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・ん

見出し補足(上)

上部見出し

見出し補足(下)

中見出し

画像の説明を入力してください(フォントが小さく設定された文章です)

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ンあいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン

中見出し

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン

中見出し

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・ん

詳しくはこちらをクリック
<div class="b-bPlacer-12s">
    <div class="t0-b-frameOuter4">
        <div class="t0-b-frameOuter4__upper outerHtml" data-cms-path="data.contents.0">
            <div class="ex-leftSpacingTweak-">
                <div class="b-bPlacer-7s">
                    <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                        <p>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・ん</p>
                    </div>
                </div>
            </div>
        </div>
        <div class="t0-b-frameOuter4__frame">
            <span><span><span></span></span></span>

            <div class="t0-b-frameOuter4__hd t0-b-frameOuter4__hd--align- t0-b-frameOuter4__hd--size-2" data-switchable-key="contents.1.switchable">
                <span><span><span></span></span></span>
                <div class="t0-b-frameOuter4__hd-inner">
                    <div class="t0-b-frameOuter4__hd-caption-upper" data-cms-path="data.contents.2">見出し補足(上)</div>
                    <div class="t0-b-frameOuter4__hd-h">
                        <h2 data-cms-path="data.contents.1">上部見出し</h2>
                    </div>
                    <div class="t0-b-frameOuter4__hd-caption-lower" data-cms-path="data.contents.3">見出し補足(下)</div>
                </div>
            </div>
            <div class="t0-b-frameOuter4__bd">
                <span><span><span></span></span></span>
                <div class="t0-b-frame1col t0-b-mediaCols t0-b-mediaCols--colW-m t0-b-mediaCols--imgR ex-imageFloat ex-spLayout__vertical">
                    <div class="t0-b-frameOuter4__row t0-b-frame1col__row t0-b-frame1col__colBasis" data-switchable-key="contents.4.switchable">
                        <div class="t0-b-frame1col__head" data-cms-path="data.contents.5">
                            <div class="ex-leftSpacingTweak-">
                                <div class="b-bPlacer-4s">

                                    <div class="t0-b-lv3H t0-b-lv3H--align- t0-b-lv3H--size-2" data-height-part="">
                                        <span><span><span></span></span></span>
                                        <div>
                                            <div class="t0-b-lv3H__iconPlacer">
                                                <span class="t0-b-lv3H__icon"></span>
                                            </div>
                                            <h3 data-cms-path="data.contents.0">中見出し</h3>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="t0-b-mediaCols__div">
                            <div class="t0-b-mediaCols__img" data-cms-path="data.contents.7">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                            <div class="t0-b-media__caption">
                                                                <p data-cms-path="data.contents.3">
                                                                    画像の説明を入力してください(フォントが小さく設定された文章です)
                                                                </p>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-mediaCols__col" data-cms-path="data.contents.6">
                                <div class="ex-leftSpacingTweak-">
                                    <div class="b-bPlacer-7s">
                                        <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                            <p>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン<br><br>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン<br><br>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ンあいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="t0-b-frameOuter4__row t0-b-frame1col__row t0-b-frame1col__colBasis" data-switchable-key="contents.8.switchable">
                        <div class="t0-b-frame1col__head" data-cms-path="data.contents.9">
                            <div class="ex-leftSpacingTweak-">
                                <div class="b-bPlacer-4s">

                                    <div class="t0-b-lv3H t0-b-lv3H--align- t0-b-lv3H--size-2" data-height-part="">
                                        <span><span><span></span></span></span>
                                        <div>
                                            <div class="t0-b-lv3H__iconPlacer">
                                                <span class="t0-b-lv3H__icon"></span>
                                            </div>
                                            <h3 data-cms-path="data.contents.0">中見出し</h3>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="t0-b-mediaCols__div">
                            <div class="t0-b-mediaCols__img" data-cms-path="data.contents.11">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-mediaCols__col" data-cms-path="data.contents.10">
                                <div class="ex-leftSpacingTweak-">
                                    <div class="b-bPlacer-7s">
                                        <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                            <p>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="t0-b-frameOuter4__row t0-b-frame1col__row t0-b-frame1col__colBasis" data-switchable-key="contents.12.switchable">
                        <div class="t0-b-frame1col__head" data-cms-path="data.contents.13">
                            <div class="ex-leftSpacingTweak-">
                                <div class="b-bPlacer-4s">

                                    <div class="t0-b-lv3H t0-b-lv3H--align- t0-b-lv3H--size-2" data-height-part="">
                                        <span><span><span></span></span></span>
                                        <div>
                                            <div class="t0-b-lv3H__iconPlacer">
                                                <span class="t0-b-lv3H__icon"></span>
                                            </div>
                                            <h3 data-cms-path="data.contents.0">中見出し</h3>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="t0-b-mediaCols__div">
                            <div class="t0-b-mediaCols__img" data-cms-path="data.contents.15">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-mediaCols__col" data-cms-path="data.contents.14">
                                <div class="ex-leftSpacingTweak-">
                                    <div class="b-bPlacer-7s">
                                        <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                            <p>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="t0-b-frameOuter4__row" data-cms-path="data.contents.16">
                        <div class="ex-leftSpacingTweak-">
                            <div class="b-bPlacer-7s">
                                <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                    <p>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・ん</p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="t0-b-frameOuter4__ft outerHtml" data-cms-path="data.contents.17">
        <div>
            <div class="b-bPlacer-4s">
                <div class="t0-b-navItem t0-b-navItem--size-3 t0-b-navItem--width- t0-b-navItem--align-" data-height-part="">
                    <div data-cms-path="data.contents.0">
                        <span></span>
                        <div data-cms-contenteditable="data.contents.0.text">詳しくはこちらをクリック</div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
バリエーション5

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・ん

見出し補足(上)

上部見出し

見出し補足(下)

中見出し

画像の説明を入力してください(フォントが小さく設定された文章です)

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ンあいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン

中見出し

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン

中見出し

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・ん

詳しくはこちらをクリック
<div class="b-bPlacer-12s">
    <div class="t0-b-frameOuter5">
        <div class="t0-b-frameOuter5__upper outerHtml" data-cms-path="data.contents.0">
            <div class="ex-leftSpacingTweak-">
                <div class="b-bPlacer-7s">
                    <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                        <p>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・ん</p>
                    </div>
                </div>
            </div>
        </div>
        <div class="t0-b-frameOuter5__frame">
            <span><span><span></span></span></span>

            <div class="t0-b-frameOuter5__hd t0-b-frameOuter5__hd--align- t0-b-frameOuter5__hd--size-2" data-switchable-key="contents.1.switchable">
                <span><span><span></span></span></span>
                <div class="t0-b-frameOuter5__hd-inner">
                    <div class="t0-b-frameOuter5__hd-caption-upper" data-cms-path="data.contents.2">見出し補足(上)</div>
                    <div class="t0-b-frameOuter5__hd-h">
                        <h2 data-cms-path="data.contents.1">上部見出し</h2>
                    </div>
                    <div class="t0-b-frameOuter5__hd-caption-lower" data-cms-path="data.contents.3">見出し補足(下)</div>
                </div>
            </div>
            <div class="t0-b-frameOuter5__bd">
                <span><span><span></span></span></span>
                <div class="t0-b-frame1col t0-b-mediaCols t0-b-mediaCols--colW-m t0-b-mediaCols--imgR ex-imageFloat ex-spLayout__vertical">
                    <div class="t0-b-frameOuter5__row t0-b-frame1col__row t0-b-frame1col__colBasis" data-switchable-key="contents.4.switchable">
                        <div class="t0-b-frame1col__head" data-cms-path="data.contents.5">
                            <div class="ex-leftSpacingTweak-">
                                <div class="b-bPlacer-4s">

                                    <div class="t0-b-lv3H t0-b-lv3H--align- t0-b-lv3H--size-2" data-height-part="">
                                        <span><span><span></span></span></span>
                                        <div>
                                            <div class="t0-b-lv3H__iconPlacer">
                                                <span class="t0-b-lv3H__icon"></span>
                                            </div>
                                            <h3 data-cms-path="data.contents.0">中見出し</h3>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="t0-b-mediaCols__div">
                            <div class="t0-b-mediaCols__img" data-cms-path="data.contents.7">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                            <div class="t0-b-media__caption">
                                                                <p data-cms-path="data.contents.3">
                                                                    画像の説明を入力してください(フォントが小さく設定された文章です)
                                                                </p>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-mediaCols__col" data-cms-path="data.contents.6">
                                <div class="ex-leftSpacingTweak-">
                                    <div class="b-bPlacer-7s">
                                        <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                            <p>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン<br><br>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン<br><br>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ンあいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="t0-b-frameOuter5__row t0-b-frame1col__row t0-b-frame1col__colBasis" data-switchable-key="contents.8.switchable">
                        <div class="t0-b-frame1col__head" data-cms-path="data.contents.9">
                            <div class="ex-leftSpacingTweak-">
                                <div class="b-bPlacer-4s">

                                    <div class="t0-b-lv3H t0-b-lv3H--align- t0-b-lv3H--size-2" data-height-part="">
                                        <span><span><span></span></span></span>
                                        <div>
                                            <div class="t0-b-lv3H__iconPlacer">
                                                <span class="t0-b-lv3H__icon"></span>
                                            </div>
                                            <h3 data-cms-path="data.contents.0">中見出し</h3>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="t0-b-mediaCols__div">
                            <div class="t0-b-mediaCols__img" data-cms-path="data.contents.11">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-mediaCols__col" data-cms-path="data.contents.10">
                                <div class="ex-leftSpacingTweak-">
                                    <div class="b-bPlacer-7s">
                                        <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                            <p>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="t0-b-frameOuter5__row t0-b-frame1col__row t0-b-frame1col__colBasis" data-switchable-key="contents.12.switchable">
                        <div class="t0-b-frame1col__head" data-cms-path="data.contents.13">
                            <div class="ex-leftSpacingTweak-">
                                <div class="b-bPlacer-4s">

                                    <div class="t0-b-lv3H t0-b-lv3H--align- t0-b-lv3H--size-2" data-height-part="">
                                        <span><span><span></span></span></span>
                                        <div>
                                            <div class="t0-b-lv3H__iconPlacer">
                                                <span class="t0-b-lv3H__icon"></span>
                                            </div>
                                            <h3 data-cms-path="data.contents.0">中見出し</h3>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="t0-b-mediaCols__div">
                            <div class="t0-b-mediaCols__img" data-cms-path="data.contents.15">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-mediaCols__col" data-cms-path="data.contents.14">
                                <div class="ex-leftSpacingTweak-">
                                    <div class="b-bPlacer-7s">
                                        <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                            <p>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="t0-b-frameOuter5__row" data-cms-path="data.contents.16">
                        <div class="ex-leftSpacingTweak-">
                            <div class="b-bPlacer-7s">
                                <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                    <p>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・ん</p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="t0-b-frameOuter5__ft outerHtml" data-cms-path="data.contents.17">
        <div>
            <div class="b-bPlacer-4s">
                <div class="t0-b-navItem t0-b-navItem--size-3 t0-b-navItem--width- t0-b-navItem--align-" data-height-part="">
                    <div data-cms-path="data.contents.0">
                        <span></span>
                        <div data-cms-contenteditable="data.contents.0.text">詳しくはこちらをクリック</div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
バリエーション6

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・ん

見出し補足(上)

上部見出し

見出し補足(下)

中見出し

画像の説明を入力してください(フォントが小さく設定された文章です)

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ンあいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン

中見出し

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン

中見出し

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・ん

詳しくはこちらをクリック
<div class="b-bPlacer-12s">
    <div class="t0-b-frameOuter6">
        <div class="t0-b-frameOuter6__upper outerHtml" data-cms-path="data.contents.0">
            <div class="ex-leftSpacingTweak-">
                <div class="b-bPlacer-7s">
                    <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                        <p>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・ん</p>
                    </div>
                </div>
            </div>
        </div>
        <div class="t0-b-frameOuter6__frame">
            <span><span><span></span></span></span>

            <div class="t0-b-frameOuter6__hd t0-b-frameOuter6__hd--align- t0-b-frameOuter6__hd--size-2" data-switchable-key="contents.1.switchable">
                <span><span><span></span></span></span>
                <div class="t0-b-frameOuter6__hd-inner">
                    <div class="t0-b-frameOuter6__hd-caption-upper" data-cms-path="data.contents.2">見出し補足(上)</div>
                    <div class="t0-b-frameOuter6__hd-h">
                        <h2 data-cms-path="data.contents.1">上部見出し</h2>
                    </div>
                    <div class="t0-b-frameOuter6__hd-caption-lower" data-cms-path="data.contents.3">見出し補足(下)</div>
                </div>
            </div>
            <div class="t0-b-frameOuter6__bd">
                <span><span><span></span></span></span>
                <div class="t0-b-frame1col t0-b-mediaCols t0-b-mediaCols--colW-m t0-b-mediaCols--imgR ex-imageFloat ex-spLayout__vertical">
                    <div class="t0-b-frameOuter6__row t0-b-frame1col__row t0-b-frame1col__colBasis" data-switchable-key="contents.4.switchable">
                        <div class="t0-b-frame1col__head" data-cms-path="data.contents.5">
                            <div class="ex-leftSpacingTweak-">
                                <div class="b-bPlacer-4s">

                                    <div class="t0-b-lv3H t0-b-lv3H--align- t0-b-lv3H--size-2" data-height-part="">
                                        <span><span><span></span></span></span>
                                        <div>
                                            <div class="t0-b-lv3H__iconPlacer">
                                                <span class="t0-b-lv3H__icon"></span>
                                            </div>
                                            <h3 data-cms-path="data.contents.0">中見出し</h3>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="t0-b-mediaCols__div">
                            <div class="t0-b-mediaCols__img" data-cms-path="data.contents.7">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                            <div class="t0-b-media__caption">
                                                                <p data-cms-path="data.contents.3">
                                                                    画像の説明を入力してください(フォントが小さく設定された文章です)
                                                                </p>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-mediaCols__col" data-cms-path="data.contents.6">
                                <div class="ex-leftSpacingTweak-">
                                    <div class="b-bPlacer-7s">
                                        <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                            <p>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン<br><br>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン<br><br>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ンあいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="t0-b-frameOuter6__row t0-b-frame1col__row t0-b-frame1col__colBasis" data-switchable-key="contents.8.switchable">
                        <div class="t0-b-frame1col__head" data-cms-path="data.contents.9">
                            <div class="ex-leftSpacingTweak-">
                                <div class="b-bPlacer-4s">

                                    <div class="t0-b-lv3H t0-b-lv3H--align- t0-b-lv3H--size-2" data-height-part="">
                                        <span><span><span></span></span></span>
                                        <div>
                                            <div class="t0-b-lv3H__iconPlacer">
                                                <span class="t0-b-lv3H__icon"></span>
                                            </div>
                                            <h3 data-cms-path="data.contents.0">中見出し</h3>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="t0-b-mediaCols__div">
                            <div class="t0-b-mediaCols__img" data-cms-path="data.contents.11">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-mediaCols__col" data-cms-path="data.contents.10">
                                <div class="ex-leftSpacingTweak-">
                                    <div class="b-bPlacer-7s">
                                        <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                            <p>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="t0-b-frameOuter6__row t0-b-frame1col__row t0-b-frame1col__colBasis" data-switchable-key="contents.12.switchable">
                        <div class="t0-b-frame1col__head" data-cms-path="data.contents.13">
                            <div class="ex-leftSpacingTweak-">
                                <div class="b-bPlacer-4s">

                                    <div class="t0-b-lv3H t0-b-lv3H--align- t0-b-lv3H--size-2" data-height-part="">
                                        <span><span><span></span></span></span>
                                        <div>
                                            <div class="t0-b-lv3H__iconPlacer">
                                                <span class="t0-b-lv3H__icon"></span>
                                            </div>
                                            <h3 data-cms-path="data.contents.0">中見出し</h3>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="t0-b-mediaCols__div">
                            <div class="t0-b-mediaCols__img" data-cms-path="data.contents.15">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-mediaCols__col" data-cms-path="data.contents.14">
                                <div class="ex-leftSpacingTweak-">
                                    <div class="b-bPlacer-7s">
                                        <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                            <p>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="t0-b-frameOuter6__row" data-cms-path="data.contents.16">
                        <div class="ex-leftSpacingTweak-">
                            <div class="b-bPlacer-7s">
                                <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                    <p>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・ん</p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="t0-b-frameOuter6__ft outerHtml" data-cms-path="data.contents.17">
        <div>
            <div class="b-bPlacer-4s">
                <div class="t0-b-navItem t0-b-navItem--size-3 t0-b-navItem--width- t0-b-navItem--align-" data-height-part="">
                    <div data-cms-path="data.contents.0">
                        <span></span>
                        <div data-cms-contenteditable="data.contents.0.text">詳しくはこちらをクリック</div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
バリエーション7

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・ん

見出し補足(上)

上部見出し

見出し補足(下)

中見出し

画像の説明を入力してください(フォントが小さく設定された文章です)

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ンあいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン

中見出し

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン

中見出し

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・ん

詳しくはこちらをクリック
<div class="b-bPlacer-12s">
    <div class="t0-b-frameOuter7">
        <div class="t0-b-frameOuter7__upper outerHtml" data-cms-path="data.contents.0">
            <div class="ex-leftSpacingTweak-">
                <div class="b-bPlacer-7s">
                    <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                        <p>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・ん</p>
                    </div>
                </div>
            </div>
        </div>
        <div class="t0-b-frameOuter7__frame">
            <span><span><span></span></span></span>

            <div class="t0-b-frameOuter7__hd t0-b-frameOuter7__hd--align- t0-b-frameOuter7__hd--size-2" data-switchable-key="contents.1.switchable">
                <span><span><span></span></span></span>
                <div class="t0-b-frameOuter7__hd-inner">
                    <div class="t0-b-frameOuter7__hd-caption-upper" data-cms-path="data.contents.2">見出し補足(上)</div>
                    <div class="t0-b-frameOuter7__hd-h">
                        <h2 data-cms-path="data.contents.1">上部見出し</h2>
                    </div>
                    <div class="t0-b-frameOuter7__hd-caption-lower" data-cms-path="data.contents.3">見出し補足(下)</div>
                </div>
            </div>
            <div class="t0-b-frameOuter7__bd">
                <span><span><span></span></span></span>
                <div class="t0-b-frame1col t0-b-mediaCols t0-b-mediaCols--colW-m t0-b-mediaCols--imgR ex-imageFloat ex-spLayout__vertical">
                    <div class="t0-b-frameOuter7__row t0-b-frame1col__row t0-b-frame1col__colBasis" data-switchable-key="contents.4.switchable">
                        <div class="t0-b-frame1col__head" data-cms-path="data.contents.5">
                            <div class="ex-leftSpacingTweak-">
                                <div class="b-bPlacer-4s">

                                    <div class="t0-b-lv3H t0-b-lv3H--align- t0-b-lv3H--size-2" data-height-part="">
                                        <span><span><span></span></span></span>
                                        <div>
                                            <div class="t0-b-lv3H__iconPlacer">
                                                <span class="t0-b-lv3H__icon"></span>
                                            </div>
                                            <h3 data-cms-path="data.contents.0">中見出し</h3>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="t0-b-mediaCols__div">
                            <div class="t0-b-mediaCols__img" data-cms-path="data.contents.7">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                            <div class="t0-b-media__caption">
                                                                <p data-cms-path="data.contents.3">
                                                                    画像の説明を入力してください(フォントが小さく設定された文章です)
                                                                </p>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-mediaCols__col" data-cms-path="data.contents.6">
                                <div class="ex-leftSpacingTweak-">
                                    <div class="b-bPlacer-7s">
                                        <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                            <p>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン<br><br>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン<br><br>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ンあいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="t0-b-frameOuter7__row t0-b-frame1col__row t0-b-frame1col__colBasis" data-switchable-key="contents.8.switchable">
                        <div class="t0-b-frame1col__head" data-cms-path="data.contents.9">
                            <div class="ex-leftSpacingTweak-">
                                <div class="b-bPlacer-4s">

                                    <div class="t0-b-lv3H t0-b-lv3H--align- t0-b-lv3H--size-2" data-height-part="">
                                        <span><span><span></span></span></span>
                                        <div>
                                            <div class="t0-b-lv3H__iconPlacer">
                                                <span class="t0-b-lv3H__icon"></span>
                                            </div>
                                            <h3 data-cms-path="data.contents.0">中見出し</h3>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="t0-b-mediaCols__div">
                            <div class="t0-b-mediaCols__img" data-cms-path="data.contents.11">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-mediaCols__col" data-cms-path="data.contents.10">
                                <div class="ex-leftSpacingTweak-">
                                    <div class="b-bPlacer-7s">
                                        <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                            <p>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="t0-b-frameOuter7__row t0-b-frame1col__row t0-b-frame1col__colBasis" data-switchable-key="contents.12.switchable">
                        <div class="t0-b-frame1col__head" data-cms-path="data.contents.13">
                            <div class="ex-leftSpacingTweak-">
                                <div class="b-bPlacer-4s">

                                    <div class="t0-b-lv3H t0-b-lv3H--align- t0-b-lv3H--size-2" data-height-part="">
                                        <span><span><span></span></span></span>
                                        <div>
                                            <div class="t0-b-lv3H__iconPlacer">
                                                <span class="t0-b-lv3H__icon"></span>
                                            </div>
                                            <h3 data-cms-path="data.contents.0">中見出し</h3>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="t0-b-mediaCols__div">
                            <div class="t0-b-mediaCols__img" data-cms-path="data.contents.15">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-mediaCols__col" data-cms-path="data.contents.14">
                                <div class="ex-leftSpacingTweak-">
                                    <div class="b-bPlacer-7s">
                                        <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                            <p>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="t0-b-frameOuter7__row" data-cms-path="data.contents.16">
                        <div class="ex-leftSpacingTweak-">
                            <div class="b-bPlacer-7s">
                                <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                    <p>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・ん</p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="t0-b-frameOuter7__ft outerHtml" data-cms-path="data.contents.17">
        <div>
            <div class="b-bPlacer-4s">
                <div class="t0-b-navItem t0-b-navItem--size-3 t0-b-navItem--width- t0-b-navItem--align-" data-height-part="">
                    <div data-cms-path="data.contents.0">
                        <span></span>
                        <div data-cms-contenteditable="data.contents.0.text">詳しくはこちらをクリック</div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
バリエーション8

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・ん

見出し補足(上)

上部見出し

見出し補足(下)

中見出し

画像の説明を入力してください(フォントが小さく設定された文章です)

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ンあいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン

中見出し

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン

中見出し

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・ん

詳しくはこちらをクリック
<div class="b-bPlacer-12s">
    <div class="t0-b-frameOuter8">
        <div class="t0-b-frameOuter8__upper outerHtml" data-cms-path="data.contents.0">
            <div class="ex-leftSpacingTweak-">
                <div class="b-bPlacer-7s">
                    <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                        <p>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・ん</p>
                    </div>
                </div>
            </div>
        </div>
        <div class="t0-b-frameOuter8__frame">
            <span><span><span></span></span></span>

            <div class="t0-b-frameOuter8__hd t0-b-frameOuter8__hd--align- t0-b-frameOuter8__hd--size-2" data-switchable-key="contents.1.switchable">
                <span><span><span></span></span></span>
                <div class="t0-b-frameOuter8__hd-inner">
                    <div class="t0-b-frameOuter8__hd-caption-upper" data-cms-path="data.contents.2">見出し補足(上)</div>
                    <div class="t0-b-frameOuter8__hd-h">
                        <h2 data-cms-path="data.contents.1">上部見出し</h2>
                    </div>
                    <div class="t0-b-frameOuter8__hd-caption-lower" data-cms-path="data.contents.3">見出し補足(下)</div>
                </div>
            </div>
            <div class="t0-b-frameOuter8__bd">
                <span><span><span></span></span></span>
                <div class="t0-b-frame1col t0-b-mediaCols t0-b-mediaCols--colW-m t0-b-mediaCols--imgR ex-imageFloat ex-spLayout__vertical">
                    <div class="t0-b-frameOuter8__row t0-b-frame1col__row t0-b-frame1col__colBasis" data-switchable-key="contents.4.switchable">
                        <div class="t0-b-frame1col__head" data-cms-path="data.contents.5">
                            <div class="ex-leftSpacingTweak-">
                                <div class="b-bPlacer-4s">

                                    <div class="t0-b-lv3H t0-b-lv3H--align- t0-b-lv3H--size-2" data-height-part="">
                                        <span><span><span></span></span></span>
                                        <div>
                                            <div class="t0-b-lv3H__iconPlacer">
                                                <span class="t0-b-lv3H__icon"></span>
                                            </div>
                                            <h3 data-cms-path="data.contents.0">中見出し</h3>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="t0-b-mediaCols__div">
                            <div class="t0-b-mediaCols__img" data-cms-path="data.contents.7">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                            <div class="t0-b-media__caption">
                                                                <p data-cms-path="data.contents.3">
                                                                    画像の説明を入力してください(フォントが小さく設定された文章です)
                                                                </p>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-mediaCols__col" data-cms-path="data.contents.6">
                                <div class="ex-leftSpacingTweak-">
                                    <div class="b-bPlacer-7s">
                                        <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                            <p>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン<br><br>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン<br><br>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ンあいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="t0-b-frameOuter8__row t0-b-frame1col__row t0-b-frame1col__colBasis" data-switchable-key="contents.8.switchable">
                        <div class="t0-b-frame1col__head" data-cms-path="data.contents.9">
                            <div class="ex-leftSpacingTweak-">
                                <div class="b-bPlacer-4s">

                                    <div class="t0-b-lv3H t0-b-lv3H--align- t0-b-lv3H--size-2" data-height-part="">
                                        <span><span><span></span></span></span>
                                        <div>
                                            <div class="t0-b-lv3H__iconPlacer">
                                                <span class="t0-b-lv3H__icon"></span>
                                            </div>
                                            <h3 data-cms-path="data.contents.0">中見出し</h3>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="t0-b-mediaCols__div">
                            <div class="t0-b-mediaCols__img" data-cms-path="data.contents.11">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-mediaCols__col" data-cms-path="data.contents.10">
                                <div class="ex-leftSpacingTweak-">
                                    <div class="b-bPlacer-7s">
                                        <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                            <p>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="t0-b-frameOuter8__row t0-b-frame1col__row t0-b-frame1col__colBasis" data-switchable-key="contents.12.switchable">
                        <div class="t0-b-frame1col__head" data-cms-path="data.contents.13">
                            <div class="ex-leftSpacingTweak-">
                                <div class="b-bPlacer-4s">

                                    <div class="t0-b-lv3H t0-b-lv3H--align- t0-b-lv3H--size-2" data-height-part="">
                                        <span><span><span></span></span></span>
                                        <div>
                                            <div class="t0-b-lv3H__iconPlacer">
                                                <span class="t0-b-lv3H__icon"></span>
                                            </div>
                                            <h3 data-cms-path="data.contents.0">中見出し</h3>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="t0-b-mediaCols__div">
                            <div class="t0-b-mediaCols__img" data-cms-path="data.contents.15">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-mediaCols__col" data-cms-path="data.contents.14">
                                <div class="ex-leftSpacingTweak-">
                                    <div class="b-bPlacer-7s">
                                        <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                            <p>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="t0-b-frameOuter8__row" data-cms-path="data.contents.16">
                        <div class="ex-leftSpacingTweak-">
                            <div class="b-bPlacer-7s">
                                <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                    <p>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・ん</p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="t0-b-frameOuter8__ft outerHtml" data-cms-path="data.contents.17">
        <div>
            <div class="b-bPlacer-4s">
                <div class="t0-b-navItem t0-b-navItem--size-3 t0-b-navItem--width- t0-b-navItem--align-" data-height-part="">
                    <div data-cms-path="data.contents.0">
                        <span></span>
                        <div data-cms-contenteditable="data.contents.0.text">詳しくはこちらをクリック</div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
大きい
バリエーション1

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・ん

見出し補足(上)

上部見出し

見出し補足(下)

中見出し

画像の説明を入力してください(フォントが小さく設定された文章です)

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ンあいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン

中見出し

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン

中見出し

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・ん

詳しくはこちらをクリック
<div class="b-bPlacer-12s">
    <div class="t0-b-frameOuter">
        <div class="t0-b-frameOuter__upper outerHtml" data-cms-path="data.contents.0">
            <div class="ex-leftSpacingTweak-">
                <div class="b-bPlacer-7s">
                    <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                        <p>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・ん</p>
                    </div>
                </div>
            </div>
        </div>
        <div class="t0-b-frameOuter__frame">
            <span><span><span></span></span></span>

            <div class="t0-b-frameOuter__hd t0-b-frameOuter__hd--align- t0-b-frameOuter__hd--size-3" data-switchable-key="contents.1.switchable">
                <span><span><span></span></span></span>
                <div class="t0-b-frameOuter__hd-inner">
                    <div class="t0-b-frameOuter__hd-caption-upper" data-cms-path="data.contents.2">見出し補足(上)</div>
                    <div class="t0-b-frameOuter__hd-h">
                        <h2 data-cms-path="data.contents.1">上部見出し</h2>
                    </div>
                    <div class="t0-b-frameOuter__hd-caption-lower" data-cms-path="data.contents.3">見出し補足(下)</div>
                </div>
            </div>
            <div class="t0-b-frameOuter__bd">
                <span><span><span></span></span></span>
                <div class="t0-b-frame1col t0-b-mediaCols t0-b-mediaCols--colW-m t0-b-mediaCols--imgR ex-imageFloat ex-spLayout__vertical">
                    <div class="t0-b-frameOuter__row t0-b-frame1col__row t0-b-frame1col__colBasis" data-switchable-key="contents.4.switchable">
                        <div class="t0-b-frame1col__head" data-cms-path="data.contents.5">
                            <div class="ex-leftSpacingTweak-">
                                <div class="b-bPlacer-4s">

                                    <div class="t0-b-lv3H t0-b-lv3H--align- t0-b-lv3H--size-2" data-height-part="">
                                        <span><span><span></span></span></span>
                                        <div>
                                            <div class="t0-b-lv3H__iconPlacer">
                                                <span class="t0-b-lv3H__icon"></span>
                                            </div>
                                            <h3 data-cms-path="data.contents.0">中見出し</h3>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="t0-b-mediaCols__div">
                            <div class="t0-b-mediaCols__img" data-cms-path="data.contents.7">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                            <div class="t0-b-media__caption">
                                                                <p data-cms-path="data.contents.3">
                                                                    画像の説明を入力してください(フォントが小さく設定された文章です)
                                                                </p>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-mediaCols__col" data-cms-path="data.contents.6">
                                <div class="ex-leftSpacingTweak-">
                                    <div class="b-bPlacer-7s">
                                        <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                            <p>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン<br><br>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン<br><br>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ンあいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="t0-b-frameOuter__row t0-b-frame1col__row t0-b-frame1col__colBasis" data-switchable-key="contents.8.switchable">
                        <div class="t0-b-frame1col__head" data-cms-path="data.contents.9">
                            <div class="ex-leftSpacingTweak-">
                                <div class="b-bPlacer-4s">

                                    <div class="t0-b-lv3H t0-b-lv3H--align- t0-b-lv3H--size-2" data-height-part="">
                                        <span><span><span></span></span></span>
                                        <div>
                                            <div class="t0-b-lv3H__iconPlacer">
                                                <span class="t0-b-lv3H__icon"></span>
                                            </div>
                                            <h3 data-cms-path="data.contents.0">中見出し</h3>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="t0-b-mediaCols__div">
                            <div class="t0-b-mediaCols__img" data-cms-path="data.contents.11">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-mediaCols__col" data-cms-path="data.contents.10">
                                <div class="ex-leftSpacingTweak-">
                                    <div class="b-bPlacer-7s">
                                        <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                            <p>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="t0-b-frameOuter__row t0-b-frame1col__row t0-b-frame1col__colBasis" data-switchable-key="contents.12.switchable">
                        <div class="t0-b-frame1col__head" data-cms-path="data.contents.13">
                            <div class="ex-leftSpacingTweak-">
                                <div class="b-bPlacer-4s">

                                    <div class="t0-b-lv3H t0-b-lv3H--align- t0-b-lv3H--size-2" data-height-part="">
                                        <span><span><span></span></span></span>
                                        <div>
                                            <div class="t0-b-lv3H__iconPlacer">
                                                <span class="t0-b-lv3H__icon"></span>
                                            </div>
                                            <h3 data-cms-path="data.contents.0">中見出し</h3>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="t0-b-mediaCols__div">
                            <div class="t0-b-mediaCols__img" data-cms-path="data.contents.15">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-mediaCols__col" data-cms-path="data.contents.14">
                                <div class="ex-leftSpacingTweak-">
                                    <div class="b-bPlacer-7s">
                                        <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                            <p>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="t0-b-frameOuter__row" data-cms-path="data.contents.16">
                        <div class="ex-leftSpacingTweak-">
                            <div class="b-bPlacer-7s">
                                <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                    <p>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・ん</p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="t0-b-frameOuter__ft outerHtml" data-cms-path="data.contents.17">
        <div>
            <div class="b-bPlacer-4s">
                <div class="t0-b-navItem t0-b-navItem--size-3 t0-b-navItem--width- t0-b-navItem--align-" data-height-part="">
                    <div data-cms-path="data.contents.0">
                        <span></span>
                        <div data-cms-contenteditable="data.contents.0.text">詳しくはこちらをクリック</div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
大きい
バリエーション2

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・ん

見出し補足(上)

上部見出し

見出し補足(下)

中見出し

画像の説明を入力してください(フォントが小さく設定された文章です)

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ンあいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン

中見出し

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン

中見出し

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・ん

詳しくはこちらをクリック
<div class="b-bPlacer-12s">
    <div class="t0-b-frameOuter2">
        <div class="t0-b-frameOuter2__upper outerHtml" data-cms-path="data.contents.0">
            <div class="ex-leftSpacingTweak-">
                <div class="b-bPlacer-7s">
                    <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                        <p>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・ん</p>
                    </div>
                </div>
            </div>
        </div>
        <div class="t0-b-frameOuter2__frame">
            <span><span><span></span></span></span>

            <div class="t0-b-frameOuter2__hd t0-b-frameOuter2__hd--align- t0-b-frameOuter2__hd--size-3" data-switchable-key="contents.1.switchable">
                <span><span><span></span></span></span>
                <div class="t0-b-frameOuter2__hd-inner">
                    <div class="t0-b-frameOuter2__hd-caption-upper" data-cms-path="data.contents.2">見出し補足(上)</div>
                    <div class="t0-b-frameOuter2__hd-h">
                        <h2 data-cms-path="data.contents.1">上部見出し</h2>
                    </div>
                    <div class="t0-b-frameOuter2__hd-caption-lower" data-cms-path="data.contents.3">見出し補足(下)</div>
                </div>
            </div>
            <div class="t0-b-frameOuter2__bd">
                <span><span><span></span></span></span>
                <div class="t0-b-frame1col t0-b-mediaCols t0-b-mediaCols--colW-m t0-b-mediaCols--imgR ex-imageFloat ex-spLayout__vertical">
                    <div class="t0-b-frameOuter2__row t0-b-frame1col__row t0-b-frame1col__colBasis" data-switchable-key="contents.4.switchable">
                        <div class="t0-b-frame1col__head" data-cms-path="data.contents.5">
                            <div class="ex-leftSpacingTweak-">
                                <div class="b-bPlacer-4s">

                                    <div class="t0-b-lv3H t0-b-lv3H--align- t0-b-lv3H--size-2" data-height-part="">
                                        <span><span><span></span></span></span>
                                        <div>
                                            <div class="t0-b-lv3H__iconPlacer">
                                                <span class="t0-b-lv3H__icon"></span>
                                            </div>
                                            <h3 data-cms-path="data.contents.0">中見出し</h3>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="t0-b-mediaCols__div">
                            <div class="t0-b-mediaCols__img" data-cms-path="data.contents.7">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                            <div class="t0-b-media__caption">
                                                                <p data-cms-path="data.contents.3">
                                                                    画像の説明を入力してください(フォントが小さく設定された文章です)
                                                                </p>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-mediaCols__col" data-cms-path="data.contents.6">
                                <div class="ex-leftSpacingTweak-">
                                    <div class="b-bPlacer-7s">
                                        <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                            <p>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン<br><br>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン<br><br>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ンあいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="t0-b-frameOuter2__row t0-b-frame1col__row t0-b-frame1col__colBasis" data-switchable-key="contents.8.switchable">
                        <div class="t0-b-frame1col__head" data-cms-path="data.contents.9">
                            <div class="ex-leftSpacingTweak-">
                                <div class="b-bPlacer-4s">

                                    <div class="t0-b-lv3H t0-b-lv3H--align- t0-b-lv3H--size-2" data-height-part="">
                                        <span><span><span></span></span></span>
                                        <div>
                                            <div class="t0-b-lv3H__iconPlacer">
                                                <span class="t0-b-lv3H__icon"></span>
                                            </div>
                                            <h3 data-cms-path="data.contents.0">中見出し</h3>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="t0-b-mediaCols__div">
                            <div class="t0-b-mediaCols__img" data-cms-path="data.contents.11">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-mediaCols__col" data-cms-path="data.contents.10">
                                <div class="ex-leftSpacingTweak-">
                                    <div class="b-bPlacer-7s">
                                        <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                            <p>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="t0-b-frameOuter2__row t0-b-frame1col__row t0-b-frame1col__colBasis" data-switchable-key="contents.12.switchable">
                        <div class="t0-b-frame1col__head" data-cms-path="data.contents.13">
                            <div class="ex-leftSpacingTweak-">
                                <div class="b-bPlacer-4s">

                                    <div class="t0-b-lv3H t0-b-lv3H--align- t0-b-lv3H--size-2" data-height-part="">
                                        <span><span><span></span></span></span>
                                        <div>
                                            <div class="t0-b-lv3H__iconPlacer">
                                                <span class="t0-b-lv3H__icon"></span>
                                            </div>
                                            <h3 data-cms-path="data.contents.0">中見出し</h3>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="t0-b-mediaCols__div">
                            <div class="t0-b-mediaCols__img" data-cms-path="data.contents.15">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-mediaCols__col" data-cms-path="data.contents.14">
                                <div class="ex-leftSpacingTweak-">
                                    <div class="b-bPlacer-7s">
                                        <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                            <p>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="t0-b-frameOuter2__row" data-cms-path="data.contents.16">
                        <div class="ex-leftSpacingTweak-">
                            <div class="b-bPlacer-7s">
                                <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                    <p>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・ん</p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="t0-b-frameOuter2__ft outerHtml" data-cms-path="data.contents.17">
        <div>
            <div class="b-bPlacer-4s">
                <div class="t0-b-navItem t0-b-navItem--size-3 t0-b-navItem--width- t0-b-navItem--align-" data-height-part="">
                    <div data-cms-path="data.contents.0">
                        <span></span>
                        <div data-cms-contenteditable="data.contents.0.text">詳しくはこちらをクリック</div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
大きい
バリエーション3

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・ん

見出し補足(上)

上部見出し

見出し補足(下)

中見出し

画像の説明を入力してください(フォントが小さく設定された文章です)

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ンあいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン

中見出し

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン

中見出し

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・ん

詳しくはこちらをクリック
<div class="b-bPlacer-12s">
    <div class="t0-b-frameOuter3">
        <div class="t0-b-frameOuter3__upper outerHtml" data-cms-path="data.contents.0">
            <div class="ex-leftSpacingTweak-">
                <div class="b-bPlacer-7s">
                    <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                        <p>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・ん</p>
                    </div>
                </div>
            </div>
        </div>
        <div class="t0-b-frameOuter3__frame">
            <span><span><span></span></span></span>

            <div class="t0-b-frameOuter3__hd t0-b-frameOuter3__hd--align- t0-b-frameOuter3__hd--size-3" data-switchable-key="contents.1.switchable">
                <span><span><span></span></span></span>
                <div class="t0-b-frameOuter3__hd-inner">
                    <div class="t0-b-frameOuter3__hd-caption-upper" data-cms-path="data.contents.2">見出し補足(上)</div>
                    <div class="t0-b-frameOuter3__hd-h">
                        <h2 data-cms-path="data.contents.1">上部見出し</h2>
                    </div>
                    <div class="t0-b-frameOuter3__hd-caption-lower" data-cms-path="data.contents.3">見出し補足(下)</div>
                </div>
            </div>
            <div class="t0-b-frameOuter3__bd">
                <span><span><span></span></span></span>
                <div class="t0-b-frame1col t0-b-mediaCols t0-b-mediaCols--colW-m t0-b-mediaCols--imgR ex-imageFloat ex-spLayout__vertical">
                    <div class="t0-b-frameOuter3__row t0-b-frame1col__row t0-b-frame1col__colBasis" data-switchable-key="contents.4.switchable">
                        <div class="t0-b-frame1col__head" data-cms-path="data.contents.5">
                            <div class="ex-leftSpacingTweak-">
                                <div class="b-bPlacer-4s">

                                    <div class="t0-b-lv3H t0-b-lv3H--align- t0-b-lv3H--size-2" data-height-part="">
                                        <span><span><span></span></span></span>
                                        <div>
                                            <div class="t0-b-lv3H__iconPlacer">
                                                <span class="t0-b-lv3H__icon"></span>
                                            </div>
                                            <h3 data-cms-path="data.contents.0">中見出し</h3>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="t0-b-mediaCols__div">
                            <div class="t0-b-mediaCols__img" data-cms-path="data.contents.7">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                            <div class="t0-b-media__caption">
                                                                <p data-cms-path="data.contents.3">
                                                                    画像の説明を入力してください(フォントが小さく設定された文章です)
                                                                </p>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-mediaCols__col" data-cms-path="data.contents.6">
                                <div class="ex-leftSpacingTweak-">
                                    <div class="b-bPlacer-7s">
                                        <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                            <p>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン<br><br>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン<br><br>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ンあいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="t0-b-frameOuter3__row t0-b-frame1col__row t0-b-frame1col__colBasis" data-switchable-key="contents.8.switchable">
                        <div class="t0-b-frame1col__head" data-cms-path="data.contents.9">
                            <div class="ex-leftSpacingTweak-">
                                <div class="b-bPlacer-4s">

                                    <div class="t0-b-lv3H t0-b-lv3H--align- t0-b-lv3H--size-2" data-height-part="">
                                        <span><span><span></span></span></span>
                                        <div>
                                            <div class="t0-b-lv3H__iconPlacer">
                                                <span class="t0-b-lv3H__icon"></span>
                                            </div>
                                            <h3 data-cms-path="data.contents.0">中見出し</h3>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="t0-b-mediaCols__div">
                            <div class="t0-b-mediaCols__img" data-cms-path="data.contents.11">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-mediaCols__col" data-cms-path="data.contents.10">
                                <div class="ex-leftSpacingTweak-">
                                    <div class="b-bPlacer-7s">
                                        <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                            <p>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="t0-b-frameOuter3__row t0-b-frame1col__row t0-b-frame1col__colBasis" data-switchable-key="contents.12.switchable">
                        <div class="t0-b-frame1col__head" data-cms-path="data.contents.13">
                            <div class="ex-leftSpacingTweak-">
                                <div class="b-bPlacer-4s">

                                    <div class="t0-b-lv3H t0-b-lv3H--align- t0-b-lv3H--size-2" data-height-part="">
                                        <span><span><span></span></span></span>
                                        <div>
                                            <div class="t0-b-lv3H__iconPlacer">
                                                <span class="t0-b-lv3H__icon"></span>
                                            </div>
                                            <h3 data-cms-path="data.contents.0">中見出し</h3>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="t0-b-mediaCols__div">
                            <div class="t0-b-mediaCols__img" data-cms-path="data.contents.15">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-mediaCols__col" data-cms-path="data.contents.14">
                                <div class="ex-leftSpacingTweak-">
                                    <div class="b-bPlacer-7s">
                                        <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                            <p>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="t0-b-frameOuter3__row" data-cms-path="data.contents.16">
                        <div class="ex-leftSpacingTweak-">
                            <div class="b-bPlacer-7s">
                                <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                    <p>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・ん</p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="t0-b-frameOuter3__ft outerHtml" data-cms-path="data.contents.17">
        <div>
            <div class="b-bPlacer-4s">
                <div class="t0-b-navItem t0-b-navItem--size-3 t0-b-navItem--width- t0-b-navItem--align-" data-height-part="">
                    <div data-cms-path="data.contents.0">
                        <span></span>
                        <div data-cms-contenteditable="data.contents.0.text">詳しくはこちらをクリック</div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
大きい
バリエーション4

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・ん

見出し補足(上)

上部見出し

見出し補足(下)

中見出し

画像の説明を入力してください(フォントが小さく設定された文章です)

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ンあいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン

中見出し

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン

中見出し

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・ん

詳しくはこちらをクリック
<div class="b-bPlacer-12s">
    <div class="t0-b-frameOuter4">
        <div class="t0-b-frameOuter4__upper outerHtml" data-cms-path="data.contents.0">
            <div class="ex-leftSpacingTweak-">
                <div class="b-bPlacer-7s">
                    <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                        <p>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・ん</p>
                    </div>
                </div>
            </div>
        </div>
        <div class="t0-b-frameOuter4__frame">
            <span><span><span></span></span></span>

            <div class="t0-b-frameOuter4__hd t0-b-frameOuter4__hd--align- t0-b-frameOuter4__hd--size-3" data-switchable-key="contents.1.switchable">
                <span><span><span></span></span></span>
                <div class="t0-b-frameOuter4__hd-inner">
                    <div class="t0-b-frameOuter4__hd-caption-upper" data-cms-path="data.contents.2">見出し補足(上)</div>
                    <div class="t0-b-frameOuter4__hd-h">
                        <h2 data-cms-path="data.contents.1">上部見出し</h2>
                    </div>
                    <div class="t0-b-frameOuter4__hd-caption-lower" data-cms-path="data.contents.3">見出し補足(下)</div>
                </div>
            </div>
            <div class="t0-b-frameOuter4__bd">
                <span><span><span></span></span></span>
                <div class="t0-b-frame1col t0-b-mediaCols t0-b-mediaCols--colW-m t0-b-mediaCols--imgR ex-imageFloat ex-spLayout__vertical">
                    <div class="t0-b-frameOuter4__row t0-b-frame1col__row t0-b-frame1col__colBasis" data-switchable-key="contents.4.switchable">
                        <div class="t0-b-frame1col__head" data-cms-path="data.contents.5">
                            <div class="ex-leftSpacingTweak-">
                                <div class="b-bPlacer-4s">

                                    <div class="t0-b-lv3H t0-b-lv3H--align- t0-b-lv3H--size-2" data-height-part="">
                                        <span><span><span></span></span></span>
                                        <div>
                                            <div class="t0-b-lv3H__iconPlacer">
                                                <span class="t0-b-lv3H__icon"></span>
                                            </div>
                                            <h3 data-cms-path="data.contents.0">中見出し</h3>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="t0-b-mediaCols__div">
                            <div class="t0-b-mediaCols__img" data-cms-path="data.contents.7">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                            <div class="t0-b-media__caption">
                                                                <p data-cms-path="data.contents.3">
                                                                    画像の説明を入力してください(フォントが小さく設定された文章です)
                                                                </p>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-mediaCols__col" data-cms-path="data.contents.6">
                                <div class="ex-leftSpacingTweak-">
                                    <div class="b-bPlacer-7s">
                                        <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                            <p>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン<br><br>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン<br><br>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ンあいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="t0-b-frameOuter4__row t0-b-frame1col__row t0-b-frame1col__colBasis" data-switchable-key="contents.8.switchable">
                        <div class="t0-b-frame1col__head" data-cms-path="data.contents.9">
                            <div class="ex-leftSpacingTweak-">
                                <div class="b-bPlacer-4s">

                                    <div class="t0-b-lv3H t0-b-lv3H--align- t0-b-lv3H--size-2" data-height-part="">
                                        <span><span><span></span></span></span>
                                        <div>
                                            <div class="t0-b-lv3H__iconPlacer">
                                                <span class="t0-b-lv3H__icon"></span>
                                            </div>
                                            <h3 data-cms-path="data.contents.0">中見出し</h3>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="t0-b-mediaCols__div">
                            <div class="t0-b-mediaCols__img" data-cms-path="data.contents.11">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-mediaCols__col" data-cms-path="data.contents.10">
                                <div class="ex-leftSpacingTweak-">
                                    <div class="b-bPlacer-7s">
                                        <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                            <p>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="t0-b-frameOuter4__row t0-b-frame1col__row t0-b-frame1col__colBasis" data-switchable-key="contents.12.switchable">
                        <div class="t0-b-frame1col__head" data-cms-path="data.contents.13">
                            <div class="ex-leftSpacingTweak-">
                                <div class="b-bPlacer-4s">

                                    <div class="t0-b-lv3H t0-b-lv3H--align- t0-b-lv3H--size-2" data-height-part="">
                                        <span><span><span></span></span></span>
                                        <div>
                                            <div class="t0-b-lv3H__iconPlacer">
                                                <span class="t0-b-lv3H__icon"></span>
                                            </div>
                                            <h3 data-cms-path="data.contents.0">中見出し</h3>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="t0-b-mediaCols__div">
                            <div class="t0-b-mediaCols__img" data-cms-path="data.contents.15">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-mediaCols__col" data-cms-path="data.contents.14">
                                <div class="ex-leftSpacingTweak-">
                                    <div class="b-bPlacer-7s">
                                        <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                            <p>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="t0-b-frameOuter4__row" data-cms-path="data.contents.16">
                        <div class="ex-leftSpacingTweak-">
                            <div class="b-bPlacer-7s">
                                <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                    <p>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・ん</p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="t0-b-frameOuter4__ft outerHtml" data-cms-path="data.contents.17">
        <div>
            <div class="b-bPlacer-4s">
                <div class="t0-b-navItem t0-b-navItem--size-3 t0-b-navItem--width- t0-b-navItem--align-" data-height-part="">
                    <div data-cms-path="data.contents.0">
                        <span></span>
                        <div data-cms-contenteditable="data.contents.0.text">詳しくはこちらをクリック</div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
大きい
バリエーション5

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・ん

見出し補足(上)

上部見出し

見出し補足(下)

中見出し

画像の説明を入力してください(フォントが小さく設定された文章です)

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ンあいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン

中見出し

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン

中見出し

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・ん

詳しくはこちらをクリック
<div class="b-bPlacer-12s">
    <div class="t0-b-frameOuter5">
        <div class="t0-b-frameOuter5__upper outerHtml" data-cms-path="data.contents.0">
            <div class="ex-leftSpacingTweak-">
                <div class="b-bPlacer-7s">
                    <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                        <p>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・ん</p>
                    </div>
                </div>
            </div>
        </div>
        <div class="t0-b-frameOuter5__frame">
            <span><span><span></span></span></span>

            <div class="t0-b-frameOuter5__hd t0-b-frameOuter5__hd--align- t0-b-frameOuter5__hd--size-3" data-switchable-key="contents.1.switchable">
                <span><span><span></span></span></span>
                <div class="t0-b-frameOuter5__hd-inner">
                    <div class="t0-b-frameOuter5__hd-caption-upper" data-cms-path="data.contents.2">見出し補足(上)</div>
                    <div class="t0-b-frameOuter5__hd-h">
                        <h2 data-cms-path="data.contents.1">上部見出し</h2>
                    </div>
                    <div class="t0-b-frameOuter5__hd-caption-lower" data-cms-path="data.contents.3">見出し補足(下)</div>
                </div>
            </div>
            <div class="t0-b-frameOuter5__bd">
                <span><span><span></span></span></span>
                <div class="t0-b-frame1col t0-b-mediaCols t0-b-mediaCols--colW-m t0-b-mediaCols--imgR ex-imageFloat ex-spLayout__vertical">
                    <div class="t0-b-frameOuter5__row t0-b-frame1col__row t0-b-frame1col__colBasis" data-switchable-key="contents.4.switchable">
                        <div class="t0-b-frame1col__head" data-cms-path="data.contents.5">
                            <div class="ex-leftSpacingTweak-">
                                <div class="b-bPlacer-4s">

                                    <div class="t0-b-lv3H t0-b-lv3H--align- t0-b-lv3H--size-2" data-height-part="">
                                        <span><span><span></span></span></span>
                                        <div>
                                            <div class="t0-b-lv3H__iconPlacer">
                                                <span class="t0-b-lv3H__icon"></span>
                                            </div>
                                            <h3 data-cms-path="data.contents.0">中見出し</h3>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="t0-b-mediaCols__div">
                            <div class="t0-b-mediaCols__img" data-cms-path="data.contents.7">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                            <div class="t0-b-media__caption">
                                                                <p data-cms-path="data.contents.3">
                                                                    画像の説明を入力してください(フォントが小さく設定された文章です)
                                                                </p>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-mediaCols__col" data-cms-path="data.contents.6">
                                <div class="ex-leftSpacingTweak-">
                                    <div class="b-bPlacer-7s">
                                        <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                            <p>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン<br><br>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン<br><br>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ンあいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="t0-b-frameOuter5__row t0-b-frame1col__row t0-b-frame1col__colBasis" data-switchable-key="contents.8.switchable">
                        <div class="t0-b-frame1col__head" data-cms-path="data.contents.9">
                            <div class="ex-leftSpacingTweak-">
                                <div class="b-bPlacer-4s">

                                    <div class="t0-b-lv3H t0-b-lv3H--align- t0-b-lv3H--size-2" data-height-part="">
                                        <span><span><span></span></span></span>
                                        <div>
                                            <div class="t0-b-lv3H__iconPlacer">
                                                <span class="t0-b-lv3H__icon"></span>
                                            </div>
                                            <h3 data-cms-path="data.contents.0">中見出し</h3>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="t0-b-mediaCols__div">
                            <div class="t0-b-mediaCols__img" data-cms-path="data.contents.11">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-mediaCols__col" data-cms-path="data.contents.10">
                                <div class="ex-leftSpacingTweak-">
                                    <div class="b-bPlacer-7s">
                                        <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                            <p>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="t0-b-frameOuter5__row t0-b-frame1col__row t0-b-frame1col__colBasis" data-switchable-key="contents.12.switchable">
                        <div class="t0-b-frame1col__head" data-cms-path="data.contents.13">
                            <div class="ex-leftSpacingTweak-">
                                <div class="b-bPlacer-4s">

                                    <div class="t0-b-lv3H t0-b-lv3H--align- t0-b-lv3H--size-2" data-height-part="">
                                        <span><span><span></span></span></span>
                                        <div>
                                            <div class="t0-b-lv3H__iconPlacer">
                                                <span class="t0-b-lv3H__icon"></span>
                                            </div>
                                            <h3 data-cms-path="data.contents.0">中見出し</h3>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="t0-b-mediaCols__div">
                            <div class="t0-b-mediaCols__img" data-cms-path="data.contents.15">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-mediaCols__col" data-cms-path="data.contents.14">
                                <div class="ex-leftSpacingTweak-">
                                    <div class="b-bPlacer-7s">
                                        <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                            <p>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="t0-b-frameOuter5__row" data-cms-path="data.contents.16">
                        <div class="ex-leftSpacingTweak-">
                            <div class="b-bPlacer-7s">
                                <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                    <p>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・ん</p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="t0-b-frameOuter5__ft outerHtml" data-cms-path="data.contents.17">
        <div>
            <div class="b-bPlacer-4s">
                <div class="t0-b-navItem t0-b-navItem--size-3 t0-b-navItem--width- t0-b-navItem--align-" data-height-part="">
                    <div data-cms-path="data.contents.0">
                        <span></span>
                        <div data-cms-contenteditable="data.contents.0.text">詳しくはこちらをクリック</div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
大きい
バリエーション6

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・ん

見出し補足(上)

上部見出し

見出し補足(下)

中見出し

画像の説明を入力してください(フォントが小さく設定された文章です)

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ンあいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン

中見出し

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン

中見出し

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・ん

詳しくはこちらをクリック
<div class="b-bPlacer-12s">
    <div class="t0-b-frameOuter6">
        <div class="t0-b-frameOuter6__upper outerHtml" data-cms-path="data.contents.0">
            <div class="ex-leftSpacingTweak-">
                <div class="b-bPlacer-7s">
                    <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                        <p>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・ん</p>
                    </div>
                </div>
            </div>
        </div>
        <div class="t0-b-frameOuter6__frame">
            <span><span><span></span></span></span>

            <div class="t0-b-frameOuter6__hd t0-b-frameOuter6__hd--align- t0-b-frameOuter6__hd--size-3" data-switchable-key="contents.1.switchable">
                <span><span><span></span></span></span>
                <div class="t0-b-frameOuter6__hd-inner">
                    <div class="t0-b-frameOuter6__hd-caption-upper" data-cms-path="data.contents.2">見出し補足(上)</div>
                    <div class="t0-b-frameOuter6__hd-h">
                        <h2 data-cms-path="data.contents.1">上部見出し</h2>
                    </div>
                    <div class="t0-b-frameOuter6__hd-caption-lower" data-cms-path="data.contents.3">見出し補足(下)</div>
                </div>
            </div>
            <div class="t0-b-frameOuter6__bd">
                <span><span><span></span></span></span>
                <div class="t0-b-frame1col t0-b-mediaCols t0-b-mediaCols--colW-m t0-b-mediaCols--imgR ex-imageFloat ex-spLayout__vertical">
                    <div class="t0-b-frameOuter6__row t0-b-frame1col__row t0-b-frame1col__colBasis" data-switchable-key="contents.4.switchable">
                        <div class="t0-b-frame1col__head" data-cms-path="data.contents.5">
                            <div class="ex-leftSpacingTweak-">
                                <div class="b-bPlacer-4s">

                                    <div class="t0-b-lv3H t0-b-lv3H--align- t0-b-lv3H--size-2" data-height-part="">
                                        <span><span><span></span></span></span>
                                        <div>
                                            <div class="t0-b-lv3H__iconPlacer">
                                                <span class="t0-b-lv3H__icon"></span>
                                            </div>
                                            <h3 data-cms-path="data.contents.0">中見出し</h3>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="t0-b-mediaCols__div">
                            <div class="t0-b-mediaCols__img" data-cms-path="data.contents.7">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                            <div class="t0-b-media__caption">
                                                                <p data-cms-path="data.contents.3">
                                                                    画像の説明を入力してください(フォントが小さく設定された文章です)
                                                                </p>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-mediaCols__col" data-cms-path="data.contents.6">
                                <div class="ex-leftSpacingTweak-">
                                    <div class="b-bPlacer-7s">
                                        <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                            <p>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン<br><br>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン<br><br>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ンあいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="t0-b-frameOuter6__row t0-b-frame1col__row t0-b-frame1col__colBasis" data-switchable-key="contents.8.switchable">
                        <div class="t0-b-frame1col__head" data-cms-path="data.contents.9">
                            <div class="ex-leftSpacingTweak-">
                                <div class="b-bPlacer-4s">

                                    <div class="t0-b-lv3H t0-b-lv3H--align- t0-b-lv3H--size-2" data-height-part="">
                                        <span><span><span></span></span></span>
                                        <div>
                                            <div class="t0-b-lv3H__iconPlacer">
                                                <span class="t0-b-lv3H__icon"></span>
                                            </div>
                                            <h3 data-cms-path="data.contents.0">中見出し</h3>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="t0-b-mediaCols__div">
                            <div class="t0-b-mediaCols__img" data-cms-path="data.contents.11">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-mediaCols__col" data-cms-path="data.contents.10">
                                <div class="ex-leftSpacingTweak-">
                                    <div class="b-bPlacer-7s">
                                        <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                            <p>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="t0-b-frameOuter6__row t0-b-frame1col__row t0-b-frame1col__colBasis" data-switchable-key="contents.12.switchable">
                        <div class="t0-b-frame1col__head" data-cms-path="data.contents.13">
                            <div class="ex-leftSpacingTweak-">
                                <div class="b-bPlacer-4s">

                                    <div class="t0-b-lv3H t0-b-lv3H--align- t0-b-lv3H--size-2" data-height-part="">
                                        <span><span><span></span></span></span>
                                        <div>
                                            <div class="t0-b-lv3H__iconPlacer">
                                                <span class="t0-b-lv3H__icon"></span>
                                            </div>
                                            <h3 data-cms-path="data.contents.0">中見出し</h3>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="t0-b-mediaCols__div">
                            <div class="t0-b-mediaCols__img" data-cms-path="data.contents.15">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-mediaCols__col" data-cms-path="data.contents.14">
                                <div class="ex-leftSpacingTweak-">
                                    <div class="b-bPlacer-7s">
                                        <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                            <p>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="t0-b-frameOuter6__row" data-cms-path="data.contents.16">
                        <div class="ex-leftSpacingTweak-">
                            <div class="b-bPlacer-7s">
                                <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                    <p>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・ん</p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="t0-b-frameOuter6__ft outerHtml" data-cms-path="data.contents.17">
        <div>
            <div class="b-bPlacer-4s">
                <div class="t0-b-navItem t0-b-navItem--size-3 t0-b-navItem--width- t0-b-navItem--align-" data-height-part="">
                    <div data-cms-path="data.contents.0">
                        <span></span>
                        <div data-cms-contenteditable="data.contents.0.text">詳しくはこちらをクリック</div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
大きい
バリエーション7

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・ん

見出し補足(上)

上部見出し

見出し補足(下)

中見出し

画像の説明を入力してください(フォントが小さく設定された文章です)

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ンあいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン

中見出し

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン

中見出し

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・ん

詳しくはこちらをクリック
<div class="b-bPlacer-12s">
    <div class="t0-b-frameOuter7">
        <div class="t0-b-frameOuter7__upper outerHtml" data-cms-path="data.contents.0">
            <div class="ex-leftSpacingTweak-">
                <div class="b-bPlacer-7s">
                    <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                        <p>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・ん</p>
                    </div>
                </div>
            </div>
        </div>
        <div class="t0-b-frameOuter7__frame">
            <span><span><span></span></span></span>

            <div class="t0-b-frameOuter7__hd t0-b-frameOuter7__hd--align- t0-b-frameOuter7__hd--size-3" data-switchable-key="contents.1.switchable">
                <span><span><span></span></span></span>
                <div class="t0-b-frameOuter7__hd-inner">
                    <div class="t0-b-frameOuter7__hd-caption-upper" data-cms-path="data.contents.2">見出し補足(上)</div>
                    <div class="t0-b-frameOuter7__hd-h">
                        <h2 data-cms-path="data.contents.1">上部見出し</h2>
                    </div>
                    <div class="t0-b-frameOuter7__hd-caption-lower" data-cms-path="data.contents.3">見出し補足(下)</div>
                </div>
            </div>
            <div class="t0-b-frameOuter7__bd">
                <span><span><span></span></span></span>
                <div class="t0-b-frame1col t0-b-mediaCols t0-b-mediaCols--colW-m t0-b-mediaCols--imgR ex-imageFloat ex-spLayout__vertical">
                    <div class="t0-b-frameOuter7__row t0-b-frame1col__row t0-b-frame1col__colBasis" data-switchable-key="contents.4.switchable">
                        <div class="t0-b-frame1col__head" data-cms-path="data.contents.5">
                            <div class="ex-leftSpacingTweak-">
                                <div class="b-bPlacer-4s">

                                    <div class="t0-b-lv3H t0-b-lv3H--align- t0-b-lv3H--size-2" data-height-part="">
                                        <span><span><span></span></span></span>
                                        <div>
                                            <div class="t0-b-lv3H__iconPlacer">
                                                <span class="t0-b-lv3H__icon"></span>
                                            </div>
                                            <h3 data-cms-path="data.contents.0">中見出し</h3>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="t0-b-mediaCols__div">
                            <div class="t0-b-mediaCols__img" data-cms-path="data.contents.7">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                            <div class="t0-b-media__caption">
                                                                <p data-cms-path="data.contents.3">
                                                                    画像の説明を入力してください(フォントが小さく設定された文章です)
                                                                </p>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-mediaCols__col" data-cms-path="data.contents.6">
                                <div class="ex-leftSpacingTweak-">
                                    <div class="b-bPlacer-7s">
                                        <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                            <p>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン<br><br>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン<br><br>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ンあいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="t0-b-frameOuter7__row t0-b-frame1col__row t0-b-frame1col__colBasis" data-switchable-key="contents.8.switchable">
                        <div class="t0-b-frame1col__head" data-cms-path="data.contents.9">
                            <div class="ex-leftSpacingTweak-">
                                <div class="b-bPlacer-4s">

                                    <div class="t0-b-lv3H t0-b-lv3H--align- t0-b-lv3H--size-2" data-height-part="">
                                        <span><span><span></span></span></span>
                                        <div>
                                            <div class="t0-b-lv3H__iconPlacer">
                                                <span class="t0-b-lv3H__icon"></span>
                                            </div>
                                            <h3 data-cms-path="data.contents.0">中見出し</h3>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="t0-b-mediaCols__div">
                            <div class="t0-b-mediaCols__img" data-cms-path="data.contents.11">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-mediaCols__col" data-cms-path="data.contents.10">
                                <div class="ex-leftSpacingTweak-">
                                    <div class="b-bPlacer-7s">
                                        <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                            <p>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="t0-b-frameOuter7__row t0-b-frame1col__row t0-b-frame1col__colBasis" data-switchable-key="contents.12.switchable">
                        <div class="t0-b-frame1col__head" data-cms-path="data.contents.13">
                            <div class="ex-leftSpacingTweak-">
                                <div class="b-bPlacer-4s">

                                    <div class="t0-b-lv3H t0-b-lv3H--align- t0-b-lv3H--size-2" data-height-part="">
                                        <span><span><span></span></span></span>
                                        <div>
                                            <div class="t0-b-lv3H__iconPlacer">
                                                <span class="t0-b-lv3H__icon"></span>
                                            </div>
                                            <h3 data-cms-path="data.contents.0">中見出し</h3>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="t0-b-mediaCols__div">
                            <div class="t0-b-mediaCols__img" data-cms-path="data.contents.15">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-mediaCols__col" data-cms-path="data.contents.14">
                                <div class="ex-leftSpacingTweak-">
                                    <div class="b-bPlacer-7s">
                                        <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                            <p>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="t0-b-frameOuter7__row" data-cms-path="data.contents.16">
                        <div class="ex-leftSpacingTweak-">
                            <div class="b-bPlacer-7s">
                                <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                    <p>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・ん</p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="t0-b-frameOuter7__ft outerHtml" data-cms-path="data.contents.17">
        <div>
            <div class="b-bPlacer-4s">
                <div class="t0-b-navItem t0-b-navItem--size-3 t0-b-navItem--width- t0-b-navItem--align-" data-height-part="">
                    <div data-cms-path="data.contents.0">
                        <span></span>
                        <div data-cms-contenteditable="data.contents.0.text">詳しくはこちらをクリック</div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
大きい
バリエーション8

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・ん

見出し補足(上)

上部見出し

見出し補足(下)

中見出し

画像の説明を入力してください(フォントが小さく設定された文章です)

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ンあいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン

中見出し

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン

中見出し

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・ん

詳しくはこちらをクリック
<div class="b-bPlacer-12s">
    <div class="t0-b-frameOuter8">
        <div class="t0-b-frameOuter8__upper outerHtml" data-cms-path="data.contents.0">
            <div class="ex-leftSpacingTweak-">
                <div class="b-bPlacer-7s">
                    <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                        <p>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・ん</p>
                    </div>
                </div>
            </div>
        </div>
        <div class="t0-b-frameOuter8__frame">
            <span><span><span></span></span></span>

            <div class="t0-b-frameOuter8__hd t0-b-frameOuter8__hd--align- t0-b-frameOuter8__hd--size-3" data-switchable-key="contents.1.switchable">
                <span><span><span></span></span></span>
                <div class="t0-b-frameOuter8__hd-inner">
                    <div class="t0-b-frameOuter8__hd-caption-upper" data-cms-path="data.contents.2">見出し補足(上)</div>
                    <div class="t0-b-frameOuter8__hd-h">
                        <h2 data-cms-path="data.contents.1">上部見出し</h2>
                    </div>
                    <div class="t0-b-frameOuter8__hd-caption-lower" data-cms-path="data.contents.3">見出し補足(下)</div>
                </div>
            </div>
            <div class="t0-b-frameOuter8__bd">
                <span><span><span></span></span></span>
                <div class="t0-b-frame1col t0-b-mediaCols t0-b-mediaCols--colW-m t0-b-mediaCols--imgR ex-imageFloat ex-spLayout__vertical">
                    <div class="t0-b-frameOuter8__row t0-b-frame1col__row t0-b-frame1col__colBasis" data-switchable-key="contents.4.switchable">
                        <div class="t0-b-frame1col__head" data-cms-path="data.contents.5">
                            <div class="ex-leftSpacingTweak-">
                                <div class="b-bPlacer-4s">

                                    <div class="t0-b-lv3H t0-b-lv3H--align- t0-b-lv3H--size-2" data-height-part="">
                                        <span><span><span></span></span></span>
                                        <div>
                                            <div class="t0-b-lv3H__iconPlacer">
                                                <span class="t0-b-lv3H__icon"></span>
                                            </div>
                                            <h3 data-cms-path="data.contents.0">中見出し</h3>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="t0-b-mediaCols__div">
                            <div class="t0-b-mediaCols__img" data-cms-path="data.contents.7">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                            <div class="t0-b-media__caption">
                                                                <p data-cms-path="data.contents.3">
                                                                    画像の説明を入力してください(フォントが小さく設定された文章です)
                                                                </p>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-mediaCols__col" data-cms-path="data.contents.6">
                                <div class="ex-leftSpacingTweak-">
                                    <div class="b-bPlacer-7s">
                                        <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                            <p>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン<br><br>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン<br><br>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ンあいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="t0-b-frameOuter8__row t0-b-frame1col__row t0-b-frame1col__colBasis" data-switchable-key="contents.8.switchable">
                        <div class="t0-b-frame1col__head" data-cms-path="data.contents.9">
                            <div class="ex-leftSpacingTweak-">
                                <div class="b-bPlacer-4s">

                                    <div class="t0-b-lv3H t0-b-lv3H--align- t0-b-lv3H--size-2" data-height-part="">
                                        <span><span><span></span></span></span>
                                        <div>
                                            <div class="t0-b-lv3H__iconPlacer">
                                                <span class="t0-b-lv3H__icon"></span>
                                            </div>
                                            <h3 data-cms-path="data.contents.0">中見出し</h3>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="t0-b-mediaCols__div">
                            <div class="t0-b-mediaCols__img" data-cms-path="data.contents.11">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-mediaCols__col" data-cms-path="data.contents.10">
                                <div class="ex-leftSpacingTweak-">
                                    <div class="b-bPlacer-7s">
                                        <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                            <p>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="t0-b-frameOuter8__row t0-b-frame1col__row t0-b-frame1col__colBasis" data-switchable-key="contents.12.switchable">
                        <div class="t0-b-frame1col__head" data-cms-path="data.contents.13">
                            <div class="ex-leftSpacingTweak-">
                                <div class="b-bPlacer-4s">

                                    <div class="t0-b-lv3H t0-b-lv3H--align- t0-b-lv3H--size-2" data-height-part="">
                                        <span><span><span></span></span></span>
                                        <div>
                                            <div class="t0-b-lv3H__iconPlacer">
                                                <span class="t0-b-lv3H__icon"></span>
                                            </div>
                                            <h3 data-cms-path="data.contents.0">中見出し</h3>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="t0-b-mediaCols__div">
                            <div class="t0-b-mediaCols__img" data-cms-path="data.contents.15">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-mediaCols__col" data-cms-path="data.contents.14">
                                <div class="ex-leftSpacingTweak-">
                                    <div class="b-bPlacer-7s">
                                        <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                            <p>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="t0-b-frameOuter8__row" data-cms-path="data.contents.16">
                        <div class="ex-leftSpacingTweak-">
                            <div class="b-bPlacer-7s">
                                <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                    <p>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・ん</p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="t0-b-frameOuter8__ft outerHtml" data-cms-path="data.contents.17">
        <div>
            <div class="b-bPlacer-4s">
                <div class="t0-b-navItem t0-b-navItem--size-3 t0-b-navItem--width- t0-b-navItem--align-" data-height-part="">
                    <div data-cms-path="data.contents.0">
                        <span></span>
                        <div data-cms-contenteditable="data.contents.0.text">詳しくはこちらをクリック</div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

サイズ設定

/temp/unittest/parts/172_headerUnit-contact-navB_headerUnit-contact-navB_f14.md
  • f14

ブロック名称:サイズ設定

[f14:サイズ設定(機能仕様)]

デザイン・機能仕様:

テストケース:

  • (個別仕様がある場合)個別仕様通りに実装されていること 
  • 指定した通りの大きさで表示されていること (PCのみ)
  • サイズ設定が反映されていないこと (SPのみ)
とても小さい
バリエーション1

お問合せはこちら

<div>
    <div class="b-bPlacer-1s">
        <div class="t0-b-headerUnit-contact-navB" data-cms-path="data.contents.0"><span><span><span></span></span></span>
            <div></div>
            <p data-cms-contenteditable="data.contents.0.text">お問合せはこちら</p>
        </div>
    </div>
</div>
とても小さい
バリエーション2

お問合せはこちら

<div>
    <div class="b-bPlacer-1s">
        <div class="t0-b-headerUnit-contact-navB2" data-cms-path="data.contents.0"><span><span><span></span></span></span>
            <div></div>
            <p data-cms-contenteditable="data.contents.0.text">お問合せはこちら</p>
        </div>
    </div>
</div>
小さい
バリエーション1

お問合せはこちら

<div>
    <div class="b-bPlacer-1s">
        <div class="t0-b-headerUnit-contact-navB" data-cms-path="data.contents.0"><span><span><span></span></span></span>
            <div></div>
            <p data-cms-contenteditable="data.contents.0.text">お問合せはこちら</p>
        </div>
    </div>
</div>
小さい
バリエーション2

お問合せはこちら

<div>
    <div class="b-bPlacer-1s">
        <div class="t0-b-headerUnit-contact-navB2" data-cms-path="data.contents.0"><span><span><span></span></span></span>
            <div></div>
            <p data-cms-contenteditable="data.contents.0.text">お問合せはこちら</p>
        </div>
    </div>
</div>
バリエーション1

お問合せはこちら

<div>
    <div class="b-bPlacer-1s">
        <div class="t0-b-headerUnit-contact-navB" data-cms-path="data.contents.0"><span><span><span></span></span></span>
            <div></div>
            <p data-cms-contenteditable="data.contents.0.text">お問合せはこちら</p>
        </div>
    </div>
</div>
バリエーション2

お問合せはこちら

<div>
    <div class="b-bPlacer-1s">
        <div class="t0-b-headerUnit-contact-navB2" data-cms-path="data.contents.0"><span><span><span></span></span></span>
            <div></div>
            <p data-cms-contenteditable="data.contents.0.text">お問合せはこちら</p>
        </div>
    </div>
</div>
大きい
バリエーション1

お問合せはこちら

<div>
    <div class="b-bPlacer-1s">
        <div class="t0-b-headerUnit-contact-navB" data-cms-path="data.contents.0"><span><span><span></span></span></span>
            <div></div>
            <p data-cms-contenteditable="data.contents.0.text">お問合せはこちら</p>
        </div>
    </div>
</div>
大きい
バリエーション2

お問合せはこちら

<div>
    <div class="b-bPlacer-1s">
        <div class="t0-b-headerUnit-contact-navB2" data-cms-path="data.contents.0"><span><span><span></span></span></span>
            <div></div>
            <p data-cms-contenteditable="data.contents.0.text">お問合せはこちら</p>
        </div>
    </div>
</div>
とても大きい
バリエーション1

お問合せはこちら

<div>
    <div class="b-bPlacer-1s">
        <div class="t0-b-headerUnit-contact-navB" data-cms-path="data.contents.0"><span><span><span></span></span></span>
            <div></div>
            <p data-cms-contenteditable="data.contents.0.text">お問合せはこちら</p>
        </div>
    </div>
</div>
とても大きい
バリエーション2

お問合せはこちら

<div>
    <div class="b-bPlacer-1s">
        <div class="t0-b-headerUnit-contact-navB2" data-cms-path="data.contents.0"><span><span><span></span></span></span>
            <div></div>
            <p data-cms-contenteditable="data.contents.0.text">お問合せはこちら</p>
        </div>
    </div>
</div>

サイズ設定

/temp/unittest/parts/174_headerUnit-contact-tel_headerUnit-contact-tel_f14.md
  • f14

ブロック名称:サイズ設定

[f14:サイズ設定(機能仕様)]

デザイン・機能仕様:

個別仕様


小さい、中、大きい、とても大きいの4段階。初期値は中。
電話番号のサイズ設定機能 https://goo.gl/sSXPQc

テストケース:

  • (個別仕様がある場合)個別仕様通りに実装されていること 
  • 指定した通りの大きさで表示されていること (PCのみ)
  • サイズ設定が反映されていないこと (SPのみ)
小さい
バリエーション1
電話番号の語呂を入力
03-0000-0000
<div>
    <div class="b-bPlacer-2s">
        <div class="t0-b-headerUnit-contact-tel t0-b-headerUnit-contact-tel--size-1" data-cms-path="data.contents.0">
            <div class="t0-b-headerUnit-contact-tel__ruby" data-cms-path="data.contents.1">電話番号の語呂を入力</div>
            <div class="t0-b-headerUnit-contact-tel__bd"><span class="t0-b-headerUnit-contact-tel__tel"></span><span>03-0000-0000</span>
            </div><span></span>
        </div>
    </div>
</div>
バリエーション1
電話番号の語呂を入力
03-0000-0000
<div>
    <div class="b-bPlacer-2s">
        <div class="t0-b-headerUnit-contact-tel t0-b-headerUnit-contact-tel--size-2" data-cms-path="data.contents.0">
            <div class="t0-b-headerUnit-contact-tel__ruby" data-cms-path="data.contents.1">電話番号の語呂を入力</div>
            <div class="t0-b-headerUnit-contact-tel__bd"><span class="t0-b-headerUnit-contact-tel__tel"></span><span>03-0000-0000</span>
            </div><span></span>
        </div>
    </div>
</div>
大きい
バリエーション1
電話番号の語呂を入力
03-0000-0000
<div>
    <div class="b-bPlacer-2s">
        <div class="t0-b-headerUnit-contact-tel t0-b-headerUnit-contact-tel--size-3" data-cms-path="data.contents.0">
            <div class="t0-b-headerUnit-contact-tel__ruby" data-cms-path="data.contents.1">電話番号の語呂を入力</div>
            <div class="t0-b-headerUnit-contact-tel__bd"><span class="t0-b-headerUnit-contact-tel__tel"></span><span>03-0000-0000</span>
            </div><span></span>
        </div>
    </div>
</div>
とても大きい
バリエーション1
電話番号の語呂を入力
03-0000-0000
<div>
    <div class="b-bPlacer-2s">
        <div class="t0-b-headerUnit-contact-tel t0-b-headerUnit-contact-tel--size-4" data-cms-path="data.contents.0">
            <div class="t0-b-headerUnit-contact-tel__ruby" data-cms-path="data.contents.1">電話番号の語呂を入力</div>
            <div class="t0-b-headerUnit-contact-tel__bd"><span class="t0-b-headerUnit-contact-tel__tel"></span><span>03-0000-0000</span>
            </div><span></span>
        </div>
    </div>
</div>

サイズ設定

/temp/unittest/parts/188_footerUnit-contact_footerUnit-contact_f14.md
  • f14

ブロック名称:サイズ設定

[f14:サイズ設定(機能仕様)]

デザイン・機能仕様:

個別仕様


小さい、中、大きい、とても大きいの4段階。初期値は中。
電話番号のサイズ設定機能 https://goo.gl/sSXPQc

テストケース:

  • (個別仕様がある場合)個別仕様通りに実装されていること 
  • 指定した通りの大きさで表示されていること (PCのみ)
  • サイズ設定が反映されていないこと (SPのみ)
小さい
バリエーション1

お気軽にお問合せ下さい

電話番号の語呂を入力
03-0000-0000
<div>
    <div class="b-bPlacer-2s">
        <div class="t0-b-footerUnit-contact t0-b-footerUnit-contact--size-1">
            <div class="t0-b-footerUnit-contact__media">
                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.0">
            </div>

            <div class="t0-b-footerUnit-contact__bd">
                <p class="t0-b-footerUnit-contact__note" data-cms-path="data.contents.1">お気軽にお問合せ下さい</p>

                <div class="t0-b-footerUnit-contact__iconText" data-cms-path="data.contents.2">
                    <div class="t0-b-footerUnit-contact__iconTextRuby" data-cms-path="data.contents.3">電話番号の語呂を入力</div>
                    <div class="t0-b-footerUnit-contact__iconTextBase">
                        <span class="t0-b-footerUnit-contact__tel"></span><span>03-0000-0000</span></div><span></span>
                </div>

            </div>
        </div>
    </div>
</div>
バリエーション1

お気軽にお問合せ下さい

電話番号の語呂を入力
03-0000-0000
<div>
    <div class="b-bPlacer-2s">
        <div class="t0-b-footerUnit-contact t0-b-footerUnit-contact--size-2">
            <div class="t0-b-footerUnit-contact__media">
                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.0">
            </div>

            <div class="t0-b-footerUnit-contact__bd">
                <p class="t0-b-footerUnit-contact__note" data-cms-path="data.contents.1">お気軽にお問合せ下さい</p>

                <div class="t0-b-footerUnit-contact__iconText" data-cms-path="data.contents.2">
                    <div class="t0-b-footerUnit-contact__iconTextRuby" data-cms-path="data.contents.3">電話番号の語呂を入力</div>
                    <div class="t0-b-footerUnit-contact__iconTextBase">
                        <span class="t0-b-footerUnit-contact__tel"></span><span>03-0000-0000</span></div><span></span>
                </div>

            </div>
        </div>
    </div>
</div>
大きい
バリエーション1

お気軽にお問合せ下さい

電話番号の語呂を入力
03-0000-0000
<div>
    <div class="b-bPlacer-2s">
        <div class="t0-b-footerUnit-contact t0-b-footerUnit-contact--size-3">
            <div class="t0-b-footerUnit-contact__media">
                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.0">
            </div>

            <div class="t0-b-footerUnit-contact__bd">
                <p class="t0-b-footerUnit-contact__note" data-cms-path="data.contents.1">お気軽にお問合せ下さい</p>

                <div class="t0-b-footerUnit-contact__iconText" data-cms-path="data.contents.2">
                    <div class="t0-b-footerUnit-contact__iconTextRuby" data-cms-path="data.contents.3">電話番号の語呂を入力</div>
                    <div class="t0-b-footerUnit-contact__iconTextBase">
                        <span class="t0-b-footerUnit-contact__tel"></span><span>03-0000-0000</span></div><span></span>
                </div>

            </div>
        </div>
    </div>
</div>
とても大きい
バリエーション1

お気軽にお問合せ下さい

電話番号の語呂を入力
03-0000-0000
<div>
    <div class="b-bPlacer-2s">
        <div class="t0-b-footerUnit-contact t0-b-footerUnit-contact--size-4">
            <div class="t0-b-footerUnit-contact__media">
                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.0">
            </div>

            <div class="t0-b-footerUnit-contact__bd">
                <p class="t0-b-footerUnit-contact__note" data-cms-path="data.contents.1">お気軽にお問合せ下さい</p>

                <div class="t0-b-footerUnit-contact__iconText" data-cms-path="data.contents.2">
                    <div class="t0-b-footerUnit-contact__iconTextRuby" data-cms-path="data.contents.3">電話番号の語呂を入力</div>
                    <div class="t0-b-footerUnit-contact__iconTextBase">
                        <span class="t0-b-footerUnit-contact__tel"></span><span>03-0000-0000</span></div><span></span>
                </div>

            </div>
        </div>
    </div>
</div>

サイズ設定

/temp/unittest/parts/206_headerFullWidthMedia-text_headerFullWidthMedia-text_f14.md
  • f14

ブロック名称:サイズ設定

[f14:サイズ設定(機能仕様)]

デザイン・機能仕様:

テストケース:

  • 指定した通りの大きさで表示されていること (PCのみ)
  • サイズ設定が反映されていないこと (SPのみ)
とても小さい
バリエーション1
キャッチコピーを入れてください
<div>
    <div class="t0-b-headerFullWidthMedia-text t0-b-headerFullWidthMedia-text--size-1 t0-b-headerFullWidthMedia-text--width- t0-b-headerFullWidthMedia-text--align-" data-cms-path="data.contents.0">
        <div data-cms-path="data.contents.0">
            <div data-cms-contenteditable="data.contents.0.text"><strong>キャッチコピーを入れてください</strong></div>
        </div>
    </div>
</div>
とても小さい
バリエーション2
キャッチコピーを入れてください
<div>
    <div class="t0-b-headerFullWidthMedia-text2 t0-b-headerFullWidthMedia-text2--size-1 t0-b-headerFullWidthMedia-text2--width- t0-b-headerFullWidthMedia-text2--align-" data-cms-path="data.contents.0">
        <div data-cms-path="data.contents.0">
            <div data-cms-contenteditable="data.contents.0.text"><strong>キャッチコピーを入れてください</strong></div>
        </div>
    </div>
</div>
とても小さい
バリエーション3
キャッチコピーを入れてください
<div>
    <div class="t0-b-headerFullWidthMedia-text3 t0-b-headerFullWidthMedia-text3--size-1 t0-b-headerFullWidthMedia-text3--width- t0-b-headerFullWidthMedia-text3--align-" data-cms-path="data.contents.0">
        <div data-cms-path="data.contents.0">
            <div data-cms-contenteditable="data.contents.0.text"><strong>キャッチコピーを入れてください</strong></div>
        </div>
    </div>
</div>
とても小さい
バリエーション4
キャッチコピーを入れてください
<div>
    <div class="t0-b-headerFullWidthMedia-text4 t0-b-headerFullWidthMedia-text4--size-1 t0-b-headerFullWidthMedia-text4--width- t0-b-headerFullWidthMedia-text4--align-" data-cms-path="data.contents.0">
        <div data-cms-path="data.contents.0">
            <div data-cms-contenteditable="data.contents.0.text"><strong>キャッチコピーを入れてください</strong></div>
        </div>
    </div>
</div>
とても小さい
バリエーション5
キャッチコピーを入れてください
<div>
    <div class="t0-b-headerFullWidthMedia-text5 t0-b-headerFullWidthMedia-text5--size-1 t0-b-headerFullWidthMedia-text5--width- t0-b-headerFullWidthMedia-text5--align-" data-cms-path="data.contents.0">
        <div data-cms-path="data.contents.0">
            <div data-cms-contenteditable="data.contents.0.text"><strong>キャッチコピーを入れてください</strong></div>
        </div>
    </div>
</div>
とても小さい
バリエーション6
キャッチコピーを入れてください
<div>
    <div class="t0-b-headerFullWidthMedia-text6 t0-b-headerFullWidthMedia-text6--size-1 t0-b-headerFullWidthMedia-text6--width- t0-b-headerFullWidthMedia-text6--align-" data-cms-path="data.contents.0">
        <div data-cms-path="data.contents.0">
            <div data-cms-contenteditable="data.contents.0.text"><strong>キャッチコピーを入れてください</strong></div>
        </div>
    </div>
</div>
とても小さい
バリエーション7
キャッチコピーを入れてください
<div>
    <div class="t0-b-headerFullWidthMedia-text7 t0-b-headerFullWidthMedia-text7--size-1 t0-b-headerFullWidthMedia-text7--width- t0-b-headerFullWidthMedia-text7--align-" data-cms-path="data.contents.0">
        <div data-cms-path="data.contents.0">
            <div data-cms-contenteditable="data.contents.0.text"><strong>キャッチコピーを入れてください</strong></div>
        </div>
    </div>
</div>
とても小さい
バリエーション8
キャッチコピーを入れてください
<div>
    <div class="t0-b-headerFullWidthMedia-text8 t0-b-headerFullWidthMedia-text8--size-1 t0-b-headerFullWidthMedia-text8--width- t0-b-headerFullWidthMedia-text8--align-" data-cms-path="data.contents.0">
        <div data-cms-path="data.contents.0">
            <div data-cms-contenteditable="data.contents.0.text"><strong>キャッチコピーを入れてください</strong></div>
        </div>
    </div>
</div>
とても小さい
バリエーション9
キャッチコピーを入れてください
<div>
    <div class="t0-b-headerFullWidthMedia-text9 t0-b-headerFullWidthMedia-text9--size-1 t0-b-headerFullWidthMedia-text9--width- t0-b-headerFullWidthMedia-text9--align-" data-cms-path="data.contents.0">
        <div data-cms-path="data.contents.0">
            <div data-cms-contenteditable="data.contents.0.text"><strong>キャッチコピーを入れてください</strong></div>
        </div>
    </div>
</div>
小さい
バリエーション1
キャッチコピーを入れてください
<div>
    <div class="t0-b-headerFullWidthMedia-text t0-b-headerFullWidthMedia-text--size-2 t0-b-headerFullWidthMedia-text--width- t0-b-headerFullWidthMedia-text--align-" data-cms-path="data.contents.0">
        <div data-cms-path="data.contents.0">
            <div data-cms-contenteditable="data.contents.0.text"><strong>キャッチコピーを入れてください</strong></div>
        </div>
    </div>
</div>
小さい
バリエーション2
キャッチコピーを入れてください
<div>
    <div class="t0-b-headerFullWidthMedia-text2 t0-b-headerFullWidthMedia-text2--size-2 t0-b-headerFullWidthMedia-text2--width- t0-b-headerFullWidthMedia-text2--align-" data-cms-path="data.contents.0">
        <div data-cms-path="data.contents.0">
            <div data-cms-contenteditable="data.contents.0.text"><strong>キャッチコピーを入れてください</strong></div>
        </div>
    </div>
</div>
小さい
バリエーション3
キャッチコピーを入れてください
<div>
    <div class="t0-b-headerFullWidthMedia-text3 t0-b-headerFullWidthMedia-text3--size-2 t0-b-headerFullWidthMedia-text3--width- t0-b-headerFullWidthMedia-text3--align-" data-cms-path="data.contents.0">
        <div data-cms-path="data.contents.0">
            <div data-cms-contenteditable="data.contents.0.text"><strong>キャッチコピーを入れてください</strong></div>
        </div>
    </div>
</div>
小さい
バリエーション4
キャッチコピーを入れてください
<div>
    <div class="t0-b-headerFullWidthMedia-text4 t0-b-headerFullWidthMedia-text4--size-2 t0-b-headerFullWidthMedia-text4--width- t0-b-headerFullWidthMedia-text4--align-" data-cms-path="data.contents.0">
        <div data-cms-path="data.contents.0">
            <div data-cms-contenteditable="data.contents.0.text"><strong>キャッチコピーを入れてください</strong></div>
        </div>
    </div>
</div>
小さい
バリエーション5
キャッチコピーを入れてください
<div>
    <div class="t0-b-headerFullWidthMedia-text5 t0-b-headerFullWidthMedia-text5--size-2 t0-b-headerFullWidthMedia-text5--width- t0-b-headerFullWidthMedia-text5--align-" data-cms-path="data.contents.0">
        <div data-cms-path="data.contents.0">
            <div data-cms-contenteditable="data.contents.0.text"><strong>キャッチコピーを入れてください</strong></div>
        </div>
    </div>
</div>
小さい
バリエーション6
キャッチコピーを入れてください
<div>
    <div class="t0-b-headerFullWidthMedia-text6 t0-b-headerFullWidthMedia-text6--size-2 t0-b-headerFullWidthMedia-text6--width- t0-b-headerFullWidthMedia-text6--align-" data-cms-path="data.contents.0">
        <div data-cms-path="data.contents.0">
            <div data-cms-contenteditable="data.contents.0.text"><strong>キャッチコピーを入れてください</strong></div>
        </div>
    </div>
</div>
小さい
バリエーション7
キャッチコピーを入れてください
<div>
    <div class="t0-b-headerFullWidthMedia-text7 t0-b-headerFullWidthMedia-text7--size-2 t0-b-headerFullWidthMedia-text7--width- t0-b-headerFullWidthMedia-text7--align-" data-cms-path="data.contents.0">
        <div data-cms-path="data.contents.0">
            <div data-cms-contenteditable="data.contents.0.text"><strong>キャッチコピーを入れてください</strong></div>
        </div>
    </div>
</div>
小さい
バリエーション8
キャッチコピーを入れてください
<div>
    <div class="t0-b-headerFullWidthMedia-text8 t0-b-headerFullWidthMedia-text8--size-2 t0-b-headerFullWidthMedia-text8--width- t0-b-headerFullWidthMedia-text8--align-" data-cms-path="data.contents.0">
        <div data-cms-path="data.contents.0">
            <div data-cms-contenteditable="data.contents.0.text"><strong>キャッチコピーを入れてください</strong></div>
        </div>
    </div>
</div>
小さい
バリエーション9
キャッチコピーを入れてください
<div>
    <div class="t0-b-headerFullWidthMedia-text9 t0-b-headerFullWidthMedia-text9--size-2 t0-b-headerFullWidthMedia-text9--width- t0-b-headerFullWidthMedia-text9--align-" data-cms-path="data.contents.0">
        <div data-cms-path="data.contents.0">
            <div data-cms-contenteditable="data.contents.0.text"><strong>キャッチコピーを入れてください</strong></div>
        </div>
    </div>
</div>
バリエーション1
キャッチコピーを入れてください
<div>
    <div class="t0-b-headerFullWidthMedia-text t0-b-headerFullWidthMedia-text--size-3 t0-b-headerFullWidthMedia-text--width- t0-b-headerFullWidthMedia-text--align-" data-cms-path="data.contents.0">
        <div data-cms-path="data.contents.0">
            <div data-cms-contenteditable="data.contents.0.text"><strong>キャッチコピーを入れてください</strong></div>
        </div>
    </div>
</div>
バリエーション2
キャッチコピーを入れてください
<div>
    <div class="t0-b-headerFullWidthMedia-text2 t0-b-headerFullWidthMedia-text2--size-3 t0-b-headerFullWidthMedia-text2--width- t0-b-headerFullWidthMedia-text2--align-" data-cms-path="data.contents.0">
        <div data-cms-path="data.contents.0">
            <div data-cms-contenteditable="data.contents.0.text"><strong>キャッチコピーを入れてください</strong></div>
        </div>
    </div>
</div>
バリエーション3
キャッチコピーを入れてください
<div>
    <div class="t0-b-headerFullWidthMedia-text3 t0-b-headerFullWidthMedia-text3--size-3 t0-b-headerFullWidthMedia-text3--width- t0-b-headerFullWidthMedia-text3--align-" data-cms-path="data.contents.0">
        <div data-cms-path="data.contents.0">
            <div data-cms-contenteditable="data.contents.0.text"><strong>キャッチコピーを入れてください</strong></div>
        </div>
    </div>
</div>
バリエーション4
キャッチコピーを入れてください
<div>
    <div class="t0-b-headerFullWidthMedia-text4 t0-b-headerFullWidthMedia-text4--size-3 t0-b-headerFullWidthMedia-text4--width- t0-b-headerFullWidthMedia-text4--align-" data-cms-path="data.contents.0">
        <div data-cms-path="data.contents.0">
            <div data-cms-contenteditable="data.contents.0.text"><strong>キャッチコピーを入れてください</strong></div>
        </div>
    </div>
</div>
バリエーション5
キャッチコピーを入れてください
<div>
    <div class="t0-b-headerFullWidthMedia-text5 t0-b-headerFullWidthMedia-text5--size-3 t0-b-headerFullWidthMedia-text5--width- t0-b-headerFullWidthMedia-text5--align-" data-cms-path="data.contents.0">
        <div data-cms-path="data.contents.0">
            <div data-cms-contenteditable="data.contents.0.text"><strong>キャッチコピーを入れてください</strong></div>
        </div>
    </div>
</div>
バリエーション6
キャッチコピーを入れてください
<div>
    <div class="t0-b-headerFullWidthMedia-text6 t0-b-headerFullWidthMedia-text6--size-3 t0-b-headerFullWidthMedia-text6--width- t0-b-headerFullWidthMedia-text6--align-" data-cms-path="data.contents.0">
        <div data-cms-path="data.contents.0">
            <div data-cms-contenteditable="data.contents.0.text"><strong>キャッチコピーを入れてください</strong></div>
        </div>
    </div>
</div>
バリエーション7
キャッチコピーを入れてください
<div>
    <div class="t0-b-headerFullWidthMedia-text7 t0-b-headerFullWidthMedia-text7--size-3 t0-b-headerFullWidthMedia-text7--width- t0-b-headerFullWidthMedia-text7--align-" data-cms-path="data.contents.0">
        <div data-cms-path="data.contents.0">
            <div data-cms-contenteditable="data.contents.0.text"><strong>キャッチコピーを入れてください</strong></div>
        </div>
    </div>
</div>
バリエーション8
キャッチコピーを入れてください
<div>
    <div class="t0-b-headerFullWidthMedia-text8 t0-b-headerFullWidthMedia-text8--size-3 t0-b-headerFullWidthMedia-text8--width- t0-b-headerFullWidthMedia-text8--align-" data-cms-path="data.contents.0">
        <div data-cms-path="data.contents.0">
            <div data-cms-contenteditable="data.contents.0.text"><strong>キャッチコピーを入れてください</strong></div>
        </div>
    </div>
</div>
バリエーション9
キャッチコピーを入れてください
<div>
    <div class="t0-b-headerFullWidthMedia-text9 t0-b-headerFullWidthMedia-text9--size-3 t0-b-headerFullWidthMedia-text9--width- t0-b-headerFullWidthMedia-text9--align-" data-cms-path="data.contents.0">
        <div data-cms-path="data.contents.0">
            <div data-cms-contenteditable="data.contents.0.text"><strong>キャッチコピーを入れてください</strong></div>
        </div>
    </div>
</div>
大きい
バリエーション1
キャッチコピーを入れてください
<div>
    <div class="t0-b-headerFullWidthMedia-text t0-b-headerFullWidthMedia-text--size-4 t0-b-headerFullWidthMedia-text--width- t0-b-headerFullWidthMedia-text--align-" data-cms-path="data.contents.0">
        <div data-cms-path="data.contents.0">
            <div data-cms-contenteditable="data.contents.0.text"><strong>キャッチコピーを入れてください</strong></div>
        </div>
    </div>
</div>
大きい
バリエーション2
キャッチコピーを入れてください
<div>
    <div class="t0-b-headerFullWidthMedia-text2 t0-b-headerFullWidthMedia-text2--size-4 t0-b-headerFullWidthMedia-text2--width- t0-b-headerFullWidthMedia-text2--align-" data-cms-path="data.contents.0">
        <div data-cms-path="data.contents.0">
            <div data-cms-contenteditable="data.contents.0.text"><strong>キャッチコピーを入れてください</strong></div>
        </div>
    </div>
</div>
大きい
バリエーション3
キャッチコピーを入れてください
<div>
    <div class="t0-b-headerFullWidthMedia-text3 t0-b-headerFullWidthMedia-text3--size-4 t0-b-headerFullWidthMedia-text3--width- t0-b-headerFullWidthMedia-text3--align-" data-cms-path="data.contents.0">
        <div data-cms-path="data.contents.0">
            <div data-cms-contenteditable="data.contents.0.text"><strong>キャッチコピーを入れてください</strong></div>
        </div>
    </div>
</div>
大きい
バリエーション4
キャッチコピーを入れてください
<div>
    <div class="t0-b-headerFullWidthMedia-text4 t0-b-headerFullWidthMedia-text4--size-4 t0-b-headerFullWidthMedia-text4--width- t0-b-headerFullWidthMedia-text4--align-" data-cms-path="data.contents.0">
        <div data-cms-path="data.contents.0">
            <div data-cms-contenteditable="data.contents.0.text"><strong>キャッチコピーを入れてください</strong></div>
        </div>
    </div>
</div>
大きい
バリエーション5
キャッチコピーを入れてください
<div>
    <div class="t0-b-headerFullWidthMedia-text5 t0-b-headerFullWidthMedia-text5--size-4 t0-b-headerFullWidthMedia-text5--width- t0-b-headerFullWidthMedia-text5--align-" data-cms-path="data.contents.0">
        <div data-cms-path="data.contents.0">
            <div data-cms-contenteditable="data.contents.0.text"><strong>キャッチコピーを入れてください</strong></div>
        </div>
    </div>
</div>
大きい
バリエーション6
キャッチコピーを入れてください
<div>
    <div class="t0-b-headerFullWidthMedia-text6 t0-b-headerFullWidthMedia-text6--size-4 t0-b-headerFullWidthMedia-text6--width- t0-b-headerFullWidthMedia-text6--align-" data-cms-path="data.contents.0">
        <div data-cms-path="data.contents.0">
            <div data-cms-contenteditable="data.contents.0.text"><strong>キャッチコピーを入れてください</strong></div>
        </div>
    </div>
</div>
大きい
バリエーション7
キャッチコピーを入れてください
<div>
    <div class="t0-b-headerFullWidthMedia-text7 t0-b-headerFullWidthMedia-text7--size-4 t0-b-headerFullWidthMedia-text7--width- t0-b-headerFullWidthMedia-text7--align-" data-cms-path="data.contents.0">
        <div data-cms-path="data.contents.0">
            <div data-cms-contenteditable="data.contents.0.text"><strong>キャッチコピーを入れてください</strong></div>
        </div>
    </div>
</div>
大きい
バリエーション8
キャッチコピーを入れてください
<div>
    <div class="t0-b-headerFullWidthMedia-text8 t0-b-headerFullWidthMedia-text8--size-4 t0-b-headerFullWidthMedia-text8--width- t0-b-headerFullWidthMedia-text8--align-" data-cms-path="data.contents.0">
        <div data-cms-path="data.contents.0">
            <div data-cms-contenteditable="data.contents.0.text"><strong>キャッチコピーを入れてください</strong></div>
        </div>
    </div>
</div>
大きい
バリエーション9
キャッチコピーを入れてください
<div>
    <div class="t0-b-headerFullWidthMedia-text9 t0-b-headerFullWidthMedia-text9--size-4 t0-b-headerFullWidthMedia-text9--width- t0-b-headerFullWidthMedia-text9--align-" data-cms-path="data.contents.0">
        <div data-cms-path="data.contents.0">
            <div data-cms-contenteditable="data.contents.0.text"><strong>キャッチコピーを入れてください</strong></div>
        </div>
    </div>
</div>
とても大きい
バリエーション1
キャッチコピーを入れてください
<div>
    <div class="t0-b-headerFullWidthMedia-text t0-b-headerFullWidthMedia-text--size-5 t0-b-headerFullWidthMedia-text--width- t0-b-headerFullWidthMedia-text--align-" data-cms-path="data.contents.0">
        <div data-cms-path="data.contents.0">
            <div data-cms-contenteditable="data.contents.0.text"><strong>キャッチコピーを入れてください</strong></div>
        </div>
    </div>
</div>
とても大きい
バリエーション2
キャッチコピーを入れてください
<div>
    <div class="t0-b-headerFullWidthMedia-text2 t0-b-headerFullWidthMedia-text2--size-5 t0-b-headerFullWidthMedia-text2--width- t0-b-headerFullWidthMedia-text2--align-" data-cms-path="data.contents.0">
        <div data-cms-path="data.contents.0">
            <div data-cms-contenteditable="data.contents.0.text"><strong>キャッチコピーを入れてください</strong></div>
        </div>
    </div>
</div>
とても大きい
バリエーション3
キャッチコピーを入れてください
<div>
    <div class="t0-b-headerFullWidthMedia-text3 t0-b-headerFullWidthMedia-text3--size-5 t0-b-headerFullWidthMedia-text3--width- t0-b-headerFullWidthMedia-text3--align-" data-cms-path="data.contents.0">
        <div data-cms-path="data.contents.0">
            <div data-cms-contenteditable="data.contents.0.text"><strong>キャッチコピーを入れてください</strong></div>
        </div>
    </div>
</div>
とても大きい
バリエーション4
キャッチコピーを入れてください
<div>
    <div class="t0-b-headerFullWidthMedia-text4 t0-b-headerFullWidthMedia-text4--size-5 t0-b-headerFullWidthMedia-text4--width- t0-b-headerFullWidthMedia-text4--align-" data-cms-path="data.contents.0">
        <div data-cms-path="data.contents.0">
            <div data-cms-contenteditable="data.contents.0.text"><strong>キャッチコピーを入れてください</strong></div>
        </div>
    </div>
</div>
とても大きい
バリエーション5
キャッチコピーを入れてください
<div>
    <div class="t0-b-headerFullWidthMedia-text5 t0-b-headerFullWidthMedia-text5--size-5 t0-b-headerFullWidthMedia-text5--width- t0-b-headerFullWidthMedia-text5--align-" data-cms-path="data.contents.0">
        <div data-cms-path="data.contents.0">
            <div data-cms-contenteditable="data.contents.0.text"><strong>キャッチコピーを入れてください</strong></div>
        </div>
    </div>
</div>
とても大きい
バリエーション6
キャッチコピーを入れてください
<div>
    <div class="t0-b-headerFullWidthMedia-text6 t0-b-headerFullWidthMedia-text6--size-5 t0-b-headerFullWidthMedia-text6--width- t0-b-headerFullWidthMedia-text6--align-" data-cms-path="data.contents.0">
        <div data-cms-path="data.contents.0">
            <div data-cms-contenteditable="data.contents.0.text"><strong>キャッチコピーを入れてください</strong></div>
        </div>
    </div>
</div>
とても大きい
バリエーション7
キャッチコピーを入れてください
<div>
    <div class="t0-b-headerFullWidthMedia-text7 t0-b-headerFullWidthMedia-text7--size-5 t0-b-headerFullWidthMedia-text7--width- t0-b-headerFullWidthMedia-text7--align-" data-cms-path="data.contents.0">
        <div data-cms-path="data.contents.0">
            <div data-cms-contenteditable="data.contents.0.text"><strong>キャッチコピーを入れてください</strong></div>
        </div>
    </div>
</div>
とても大きい
バリエーション8
キャッチコピーを入れてください
<div>
    <div class="t0-b-headerFullWidthMedia-text8 t0-b-headerFullWidthMedia-text8--size-5 t0-b-headerFullWidthMedia-text8--width- t0-b-headerFullWidthMedia-text8--align-" data-cms-path="data.contents.0">
        <div data-cms-path="data.contents.0">
            <div data-cms-contenteditable="data.contents.0.text"><strong>キャッチコピーを入れてください</strong></div>
        </div>
    </div>
</div>
とても大きい
バリエーション9
キャッチコピーを入れてください
<div>
    <div class="t0-b-headerFullWidthMedia-text9 t0-b-headerFullWidthMedia-text9--size-5 t0-b-headerFullWidthMedia-text9--width- t0-b-headerFullWidthMedia-text9--align-" data-cms-path="data.contents.0">
        <div data-cms-path="data.contents.0">
            <div data-cms-contenteditable="data.contents.0.text"><strong>キャッチコピーを入れてください</strong></div>
        </div>
    </div>
</div>

サイズ設定

/temp/unittest/parts/227_headerFullWidthMedia-navBItem_headerFullWidthMedia-navBItem_f14.md
  • f14

ブロック名称:サイズ設定

[f14:サイズ設定(機能仕様)]

デザイン・機能仕様:

個別仕様

テストケース:

  • 指定した通りの大きさで表示されていること (PCのみ)
  • サイズ設定が反映されていないこと (SPのみ)
とても小さい
バリエーション1
詳細はこちらへ
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-headerFullWidthMedia-navBItem t0-b-headerFullWidthMedia-navBItem--size-1 t0-b-headerFullWidthMedia-navBItem--width-s t0-b-headerFullWidthMedia-navBItem--align-c" data-height-part="">
            <div class="t0-b-headerFullWidthMedia-navBItem__inner" data-cms-path="data.contents.0"><span><span><span></span></span></span>
                <div data-cms-contenteditable="data.contents.0.text">詳細はこちらへ</div>
            </div>
        </div>
    </div>
</div>
とても小さい
バリエーション2
詳細はこちらへ
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-headerFullWidthMedia-navBItem2 t0-b-headerFullWidthMedia-navBItem2--size-1 t0-b-headerFullWidthMedia-navBItem2--width-s t0-b-headerFullWidthMedia-navBItem2--align-c" data-height-part="">
            <div class="t0-b-headerFullWidthMedia-navBItem2__inner" data-cms-path="data.contents.0"><span><span><span></span></span></span>
                <div data-cms-contenteditable="data.contents.0.text">詳細はこちらへ</div>
            </div>
        </div>
    </div>
</div>
小さい
バリエーション1
詳細はこちらへ
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-headerFullWidthMedia-navBItem t0-b-headerFullWidthMedia-navBItem--size-2 t0-b-headerFullWidthMedia-navBItem--width-s t0-b-headerFullWidthMedia-navBItem--align-c" data-height-part="">
            <div class="t0-b-headerFullWidthMedia-navBItem__inner" data-cms-path="data.contents.0"><span><span><span></span></span></span>
                <div data-cms-contenteditable="data.contents.0.text">詳細はこちらへ</div>
            </div>
        </div>
    </div>
</div>
小さい
バリエーション2
詳細はこちらへ
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-headerFullWidthMedia-navBItem2 t0-b-headerFullWidthMedia-navBItem2--size-2 t0-b-headerFullWidthMedia-navBItem2--width-s t0-b-headerFullWidthMedia-navBItem2--align-c" data-height-part="">
            <div class="t0-b-headerFullWidthMedia-navBItem2__inner" data-cms-path="data.contents.0"><span><span><span></span></span></span>
                <div data-cms-contenteditable="data.contents.0.text">詳細はこちらへ</div>
            </div>
        </div>
    </div>
</div>
バリエーション1
詳細はこちらへ
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-headerFullWidthMedia-navBItem t0-b-headerFullWidthMedia-navBItem--size-3 t0-b-headerFullWidthMedia-navBItem--width-s t0-b-headerFullWidthMedia-navBItem--align-c" data-height-part="">
            <div class="t0-b-headerFullWidthMedia-navBItem__inner" data-cms-path="data.contents.0"><span><span><span></span></span></span>
                <div data-cms-contenteditable="data.contents.0.text">詳細はこちらへ</div>
            </div>
        </div>
    </div>
</div>
バリエーション2
詳細はこちらへ
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-headerFullWidthMedia-navBItem2 t0-b-headerFullWidthMedia-navBItem2--size-3 t0-b-headerFullWidthMedia-navBItem2--width-s t0-b-headerFullWidthMedia-navBItem2--align-c" data-height-part="">
            <div class="t0-b-headerFullWidthMedia-navBItem2__inner" data-cms-path="data.contents.0"><span><span><span></span></span></span>
                <div data-cms-contenteditable="data.contents.0.text">詳細はこちらへ</div>
            </div>
        </div>
    </div>
</div>
大きい
バリエーション1
詳細はこちらへ
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-headerFullWidthMedia-navBItem t0-b-headerFullWidthMedia-navBItem--size-4 t0-b-headerFullWidthMedia-navBItem--width-s t0-b-headerFullWidthMedia-navBItem--align-c" data-height-part="">
            <div class="t0-b-headerFullWidthMedia-navBItem__inner" data-cms-path="data.contents.0"><span><span><span></span></span></span>
                <div data-cms-contenteditable="data.contents.0.text">詳細はこちらへ</div>
            </div>
        </div>
    </div>
</div>
大きい
バリエーション2
詳細はこちらへ
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-headerFullWidthMedia-navBItem2 t0-b-headerFullWidthMedia-navBItem2--size-4 t0-b-headerFullWidthMedia-navBItem2--width-s t0-b-headerFullWidthMedia-navBItem2--align-c" data-height-part="">
            <div class="t0-b-headerFullWidthMedia-navBItem2__inner" data-cms-path="data.contents.0"><span><span><span></span></span></span>
                <div data-cms-contenteditable="data.contents.0.text">詳細はこちらへ</div>
            </div>
        </div>
    </div>
</div>
とても大きい
バリエーション1
詳細はこちらへ
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-headerFullWidthMedia-navBItem t0-b-headerFullWidthMedia-navBItem--size-5 t0-b-headerFullWidthMedia-navBItem--width-s t0-b-headerFullWidthMedia-navBItem--align-c" data-height-part="">
            <div class="t0-b-headerFullWidthMedia-navBItem__inner" data-cms-path="data.contents.0"><span><span><span></span></span></span>
                <div data-cms-contenteditable="data.contents.0.text">詳細はこちらへ</div>
            </div>
        </div>
    </div>
</div>
とても大きい
バリエーション2
詳細はこちらへ
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-headerFullWidthMedia-navBItem2 t0-b-headerFullWidthMedia-navBItem2--size-5 t0-b-headerFullWidthMedia-navBItem2--width-s t0-b-headerFullWidthMedia-navBItem2--align-c" data-height-part="">
            <div class="t0-b-headerFullWidthMedia-navBItem2__inner" data-cms-path="data.contents.0"><span><span><span></span></span></span>
                <div data-cms-contenteditable="data.contents.0.text">詳細はこちらへ</div>
            </div>
        </div>
    </div>
</div>